·前端
无限滚动与 van-list 实践
Vant van-list 组件实现的无限滚动方案,采用 scroll 事件 + getBoundingClientRect()距离计算(非 Intersection Observer)。 [!info] 源码确认 以下原理基于 Vant 源码 packages/vant/src/list/List.tsx分析。 原理 van-list 在列表底部放置一个 placeholder div 作为哨兵元素,通过简童滚动容器的 scroll 事件,在每次滚动时计算哨兵与容器底边的距离,当距离小于 offset(默认
Vant无限滚动