2022-07-14 固定条目高度的虚拟列表实现

基本思路:需要两个容器,外层容器高度固定,超出后滚动。每条数据高度固定,内层容器的高度=每条数据高度数据条数,每页显示条数=外层容器高度/每条数据高度,监听外层容器的滚动事件,根据scrollTop来确定可视区域内起止数据在总数据的索引值,每条数据对应的元素设置绝对定位,top=索引值每条数据高度。为防止滑动过快产生空白,需要设置缓冲条数。



image.png

你可能感兴趣的:(2022-07-14 固定条目高度的虚拟列表实现)