v-infinite-scroll（Element UI）滚动到底不触发（笔记本）

最新推荐文章于 2025-03-13 14:59:12 发布

se-scallion

最新推荐文章于 2025-03-13 14:59:12 发布

阅读量7.6k

点赞数 16

分类专栏：前端 vue 文章标签：前端 elementui

本文链接：https://blog.youkuaiyun.com/u012169390/article/details/121015549

版权

在150%缩放的1920分辨率笔记本上，发现使用Element UI的v-infinite-scroll指令时滚动到底不触发。问题由计算小数导致的无限滚动距离为0。解决方案包括设置`infinite-scroll-distance='1'`，调整滚动元素padding，检查数据层及源码。还考虑了disabled属性、DOM结构、嵌套draggable等因素，但最终通过源码阅读找到问题所在。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

v-infinite-scroll（Element UI）滚动到底不触发（笔记本）

现象
先答案
原因
解决思路
其他尝试

现象

1.我用14寸win笔记本开发连普通屏幕正常，测试用的笔记本（1920 分辨率，150%缩放）测出此问题
2.用chrome调试工具测试不同分辨率，某些分辨率偶尔复现此问题，小于一般笔记本的分辨率也不一定不复现

先答案

设置属性 infinite-scroll-distance='1’

<div
	:infinite-scroll-disabled="loading || finish"
	:infinite-scroll-immediate="false"
	v-infinite-scroll=

最低0.47元/天解锁文章

v-infinite-scroll（Element UI） 滚动到底不触发（笔记本）

v-infinite-scroll（Element UI） 滚动到底不触发（笔记本）

现象

先答案

v-infinite-scroll（Element UI）滚动到底不触发（笔记本）

v-infinite-scroll（Element UI）滚动到底不触发（笔记本）