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

Question

我正在阅读哈佛商业评论(HBR)博客文章"高级领导者的特质"(2011-02-22).他们也在纽约时报(纽约时报)这样做.如何检测读者何时一直滚动到底部？

在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/上的工作示例