我該如何判斷滾動條是否已經達到帖子內容的結尾？

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