你如何使用jQuery检测你何时接近屏幕底部？

Question

我正在阅读Harvard Business Review（HBR）博文 The Traits of Advanced Leaders （2011-02-22）。他们也在The New York Times（NYT）上这样做。如何检测读者何时一直滚动到底部？

在HBR上，当您滚动靠近底部时，它们会为您提供另一篇文章供您阅读。

Answer 1

虽然另一个答案会告诉你当你处于最底层时，为了回答你关于如何判断你何时接近底部的问题，我之前已经使用过这个：

if  ( ($(document).height() - $(window).height()) - $(window).scrollTop() < 1000 ){
    //do stuff
}

您可以将值“1000”更改为您想要的任何值，以便在距离底部很多像素时触发您的脚本。

Answer 2

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height()-$(window).height()){
        alert("We're at the bottom of the page!!");
    }
});

Answer 3

$(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      alert('end of page');
   }
});

-10表示在执行函数之前，用户必须离页面末端有多远。这使您可以根据需要灵活地调整行为。

检查http://jsfiddle.net/wQfMx/

处的工作示例