Skip to content

特殊说明

百万级数据

已经支持。容器是 overflow: hidden、滚动条自绘,没有需要被撑开的占位元素,各段的 transform 只携带「该段位置减去当前偏移量」的残差,因此碰不到浏览器对元素高度与单个 transform 位移的 上限(Chrome 实测 33,554,428 / 33,554,400px)。

100 万项 × 100px(1 亿 px)实测 8 个采样点定位误差全为 0px。靠占位元素撑开滚动空间的方案 会在 33.5 万行(默认行高)左右撞墙,超限部分永远滚不到。

滚动性能

本虚拟列表支持满帧渲染,但在大数据或复杂dom场景下应当由使用者自行避免以下问题:

  1. 复杂dom应当使渲染层和交互层分离,渲染层dom要极简。
  2. 避免在每次渲染时创建大量闭包或事件监听器,建议使用事件委托。