有效地在HTML中显示大型列表

Question

是否有一个javascript库,只通过加载该列表的可视部分并伪造滚动条来高效地加载一个巨型列表？

<div id='container'>
  <!-- Empty but height is set to take up space to fake scrollbar -->
  <div id='hidden-before'></div>      

  <!-- Preloaded in case the user scrolls up -->
  <div id='preload-before'></div>

  <!-- User can see this. Height == #container's height -->
  <div id='viewable-section'></div>   

  <!-- Preloaded in case the user scrolls down -->
  <div id='preload-after'></div>

  <!-- Empty but height is set to take up space to fake scrollbar -->
  <div id='hidden-after'></div>       
</div>

例如,Google Docs就大型文本文档执行此操作.

注意:我正在寻找的东西比无限滚动更复杂.无限滚动只是等待你触及底部,它将加载更多数据,放大滚动条.我正在寻找的东西会让你认为所有数据都已加载,因为滚动条是伪造的.当你触底时,你实际上已经到了我要显示的列表的末尾.

Answer 1

考虑Clusterize.js

这个插件正是你所要求的.