Php 如何创建虚拟滚动条？

我想创建一个表格来对一些数据进行网格化。该表可以列出大量数据（100K+行）。所以我想做的是一次显示20行，可能有100行缓冲区。当用户在网格上向下滚动时，它会通过ajax加载额外的行？我见过这样做，但我真的不知道如何才能做到这一点？

这正是你所描述的

想象一下，jQuery将

转换为

。就这么简单

服务器端
脚本使用SQL限制调用行

// where ? represents entry_num that will be passed by jQuery
SELECT *
FROM table_x
LIMIT ?, 20

客户端
jQuery将它获得的新项放入表中

// server side will in check for entry number to give back the proper rows
$.ajax({
  url: "/getRows",
  data: "entry_num="+num,
  cache: false,
  success: function(html){
    $("#table").append(html);
  }
});

查看jQGrid：

它支持“惰性”分页，但我相信可以修改它来完成整个滚动操作。

虚拟滚动器的UX（用户体验）缺点是，您没有向用户提供有关滚动区域总高度的视觉反馈

此外，对于用户来说，快速移动到数据集中的相对点可能很棘手/不可能例如，列表按字母顺序排序，用户希望跳转到列表的中间或末尾在虚拟滚动条中可能很难做到

---

对于这两个问题，大数据集的分页视图的替代方案都很有效。查看和。

我发现这是一个很棒的jQuery插件，可以通过使用自适应虚拟滚动来处理这种类型的海量数据集，如您所述。它也非常漂亮，还具有许多其他高级功能。

谢谢，这给了我一些想法。谢谢你的建议，我确实看了这个，但是当我试图根据自己的需要定制它时，我发现文档很差，所以我想知道如何自己制作一个简单的文档来满足我的需要。