element-plus中infinite-scroll中默认设置下失效

295 阅读1分钟

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

  • 设置distance阈值
  • 可以通过设置元素的高来消除scrollTop出现小数的情况。(一般不这么做,会破坏布局)。