检查用户是否滚动到底部（不仅仅是窗口，而是任何元素）

小编典典

all

社区在3 个月前审查了是否重新打开此问题并将其关闭：

原始关闭原因未解决

我正在制作一个分页系统（有点像 Facebook），当用户滚动到底部时会加载内容。我想最好的方法是找到用户何时位于页面底部并运行 Ajax
查询以加载更多帖子。

唯一的问题是我不知道如何检查用户是否滚动到页面底部。有任何想法吗？

我正在使用 jQuery，因此请随时提供使用它的答案。

阅读 89

2022-03-02

共1个答案

小编典典

在上使用.scroll()事件window，如下所示：

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

你可以在这里测试它，这需要窗口的顶部滚动，所以它向下滚动了多少，添加可见窗口的高度并检查它是否等于整体内容的高度（document）。如果您想检查用户是否
靠近底部，它看起来像这样：

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }
});

您可以在此处测试该版本，只需将其调整100为您想要触发的底部的任何像素。

2022-03-02