javascript - 页面底部的滚动位置

Question

我想为我的网络应用程序做一个无休止的滚动。为了在到达页面底部时执行操作，我尝试了以下代码:

var count = 2;
$(window).scroll(function () {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        alert("REached page down");
        search(false, count);
        count++;
    }
});

但不幸的是，当我滚动到页面的最顶端时，它被调用了。我试图将滚动位置作为 onclick 事件返回到我返回的页面最底部的 div:

$(window).scrollTop() as 1614
$(document).height() as 2250
$(window).height() as 2250.

还有其他方法可以实现吗？

Answer 1

您可以使用此代码检查页面底部。

if ($(window).scrollTop() >= $(document).height() - $(window).height() - 500) {
  // fun stuff goes here
}

500 是距底部的偏移值，因为您可能希望更早地触发代码以准备内容。

例如，hipster.cc使用相同的代码进行无限滚动。