javascript - 如何判断是否已经滚动到元素的底部？

Question

如何确定是否已到达元素的底部？例如你有一个高度为 2000px 的 div，那么视口(viewport)只有 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/