Scrollbar“表示”

Question

我的html页面中有一个滚动的tbody。由于某些原因(主要是性能原因)，我只在该div中显示了25行，而不是底层数据变量/ DB中存在的1.000或10.000行。

现在，我所做的事情与DataTables.net非常相似；我在scroll事件上轮换这25行的内容。工作正常。

但有一件事让我很恼火，比如你有1000行，25行显示:滚动条像往常一样移动，但只考虑了这25行(因为它只看到这些行，对;-)。

不过，DataTables的解决方案显示了一个根据这1000行向下移动的滚动条，所以它的移动速度要慢得多，一直向下拖动它实际上会移动到1000条记录，而不是25条。

有没有人知道如何以DataTables能够做到的方式来影响滚动条的“呈现”？(我用谷歌搜索了很多，但没有骰子)

我使用html5，Javascript / jQuery和PHP。

Answer 1

您可以根据总行数设置滚动容器的长度，然后在用户停止滚动时将可见行动态加载到视图中。

这意味着您需要知道一行的确切高度，并且必须手动定位容器中的行。那么，对行进行排序可能是一个有趣的问题。

为了让这一切更容易一些，如果您只添加1.000行，而不添加数据，然后动态加载数据，那么它可能会执行得足够好。