如何判断滚动条是否已到达帖子内容的末尾?

时间:2012-06-15 12:04:54

标签: javascript jquery

标题几乎说不出话来。那么我将如何使用jQuery或javascript进行呢? 我知道要告诉滚动条是否已到达窗口的末尾,它会是这样的。

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

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

2 个答案:

答案 0 :(得分:3)

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

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

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

优雅且易于阅读,插件非常小,< 4KB。

答案 1 :(得分:0)

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

示例

// 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');
    }
});