今天在尝试elemen-plus中的infinite-scroll组件实现懒加载的时候出现的失效的情况!!
没办法,直接去找源码的实现原理:,图如下:
图中圈出来的部分就是判断是否滑动到底的条件,即判断dom元素的(scrollTop+clientHeight)与scrollHeight的关系。默认情况下distance是等于0的。也就是滑动条完完全全的到底了。
那就在控制台输出它们,看看它们是否相等,如下图:
可以看到scrollTop存在小数的情况,使得关系不成立,触发不了条件。
解决方法:
- 设置distance阈值
- 可以通过设置元素的高来消除scrollTop出现小数的情况。(一般不这么做,会破坏布局)。