gpt4 book ai didi

javascript - 根据滚动位置加载表格中的内容

转载 作者:行者123 更新时间:2023-11-28 10:00:06 25 4
gpt4 key购买 nike

我正在使用 jQuery,并且我已经使用 overflow:scroll 设置了一个具有特定高度的表格。我想知道我应该访问什么才能知道何时从服务器加载更多数据(我不需要 ajax 调用或加载实际数据的帮助)。相反,我试图了解如何知道我的滚动位置或知道何时接近到达数据的底部(以便我可以提前加载更多内容)。

那么,我如何知道何时根据滚动位置加载更多数据?

最佳答案

这是一个使用非标准(但广泛支持)scrollHeight 属性的解决方案:

$("table").on("scroll", function(event) {
var $elem = $(event.target);
if(event.target.scrollHeight - $elem.scrollTop() === $elem.outerHeight()) {
// Scrolled to bottom, load more data
}
});

您可能希望在用户到达底部之前加载更多数据,如果是这样,您应该使用一些阈值:

$("table").on("scroll", function(event) {
var $elem = $(event.target)
, threshold = 100;
if(event.target.scrollHeight - $elem.scrollTop() + threshold >= $elem.outerHeight()) {
// Scrolled to bottom, load more data
}
});

如果您不想使用scrollHeight,则必须有一个可用于计算高度的内部元素。也许用 div 包装 table,并在 div 上设置 overflow:scroll。请参阅how to tell if you're scroll to bottom了解详情。

关于javascript - 根据滚动位置加载表格中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9296062/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com