vite-uni-dev-tool
Version:
vite-uni-dev-tool, debug, uni-app, 一处编写，到处调试
41 lines (27 loc) • 761 B
Markdown
# VirtualListAutoHeight
自适应高度虚拟列表
## 核心
- 初始加载两页数据
- 初始获取当前加载的渲染列表的数据 ，得到第一页高度
- scroll-view
- 滚动到底部（顶部）current + 1
- createIntersectionObserver
- 辅助反向监听节点是否出现再可视范围之内
- current - 1
- 数据分页之后确定每页高度，采用合并高度支撑滚动条
- 合并高度计算逻辑： 第一页高度 = 第一页高度
- 后续页高度 = 前面所有高度 + 当前页高度.
一页两条
pageSize = 2
current = 2
visibleDate = [3,4,5,6]
visibleDate.splice(1*2, visibleDate.length - 1*2)
const start = cur
1
2
3
4
5
6
current = 1
visibleDate = [1,2,3,4]