如何確定您是否滾動到元素的底部？

Question

你將如何確定你是否已經到達元素的底部？例如，你有一個高度爲2000px的div，那麼視口只有600px高。有了這些，你怎麼知道你需要知道多少滾動值是否已經是2000px div的底部？

Answer 1

您可以使用這樣的事情：

var $element = $('div'); 

$(window).scroll(function() { 
    var scroll = $(window).scrollTop() + $(window).height(); 
    var offset = $element.offset().top + $element.height(); 

    if (scroll > offset) { 
     $element.css('background', 'blue'); 
    } else { 
     $element.css('background', 'red'); 
    } 
}); 

演示：http://jsfiddle.net/eNjEs/5/