https://github.com/chaimHL/vue-long-list-optimization

重点

  • 内部需要一个 总高度撑起滚动条
  • 监听scroll事件,获取滚动位置scrollTop,计算对应的起始索引,截取数据
  • 当滚动后,由于渲染区域相对于可视区域已经发生了偏移,此时我需要获取一个偏移量offset,通过translateY渲染区域偏移至可视区域中。

  • 高度不固定:先给一个预估高度,用数组缓存所有项的位置和高度,滚动后重新计算。