一个网页的懒加载的思路
评论
收藏

一个网页的懒加载的思路

经验分享
w
whycani
2025-12-14 01:27·浏览量:533
w
whycani
影刀高级开发者
发布于 2025-12-14 01:14更新于 2025-12-14 01:27533浏览

如图:亿托工具箱的上架商品多SKU的填写表格是一个懒加载的table

首先第一想到的是用官方的懒加载指令,不行。缺了不少

第二个方法,就是柯柯大佬的方法: https://www.yingdao.com/community/detaildiscuss?id=f9e8ff68-1b0a-40db-a056-82f5fc43c8dd

这个方法之前也是百试百灵,非常好用的方法,不过这次用到这里,失效了。因为肉眼可见的虽说只有6行TR,实际校验到了10行TR,且不能像其他网页那般,悬停下一个后,滚动条自动跟着滚动一点。跑着跑着就会跳。

那只能自己先研究研究了,观察了下滚动前后网页的变化

发现如下XPATH的变动,刚开始margin-top: 0px

滚动到最底下后:是有一个最大数值,就是加载了所有TR了

那么怎么获取到这个最大Px数值呢?那就有请到标准指令:滚动网页(里面的在指定元素上滚动,比较少用)


使用该指令后,获取一下最大的PX数值。再滚动回去顶部,初始化。开始判断逻辑处理每一行TR

上指令:




收藏4
全部评论1
最新
发布评论
评论