页面滚动条到底部的位置

Question

我想为我的网络应用程序添加无限滚动功能。为了在到达页面底部时执行操作，我尝试了以下代码：

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

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

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

有其他实现此目标的方法吗？

- Vishnu Raj

---

看起来运行良好：http://jsfiddle.net/ybfbn68m/ - dfsq

是啊，我也是从一个可行的示例中得到的。但我不明白为什么它在这里不起作用！ - Vishnu Raj

Answer 1

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

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

500 是距离底部的偏移值，因为您可能希望提前一点触发代码以准备内容。

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

- Mario

---

不幸的是，当我尝试这个时，它会在我向上或向下滚动时调用。 - Vishnu Raj