javascript - 我如何判断滚动条是否已到达帖子内容的末尾？

Question

标题几乎不言自明。那么我将如何使用 jQuery 或 javascript 来做到这一点？我知道判断滚动条是否已经到达窗口的末尾，它会是这样的。

$(window).scroll(function(){
   if  ($(window).scrollTop() == $(document).height() - $(window).height()){
alert('you have reached the bottom');
}
});

那么我如何判断它是否已到达特定部分然后发出警报？谢谢。

Answer 1

当然不是一个难以解决的问题，但请查看jQuery Waypoints ... 一个非常好的插件，可以满足您的要求。

他们网站上的一个简单示例：

$('.entry').waypoint(function() {
   alert('You have scrolled to an entry.');
});

优雅易读，插件非常小，< 4kb。

Answer 2

一种没有插件的方法就是这样。

例子

// calculate where the bottom of the post is positioned
var postBottom = $(".post").offset().top + $(".post").height();

$(window).scroll(function(){
    // check if the bottom of the post is smaller than the window height
    if (postBottom < $(window).height()){
        alert('you have reached the bottom of the post');
    }
});