javascript - 如何确定您是否已滚动到元素的底部？

Question

您将如何确定是否已到达元素的底部？例如，您有一个高度为 2000 像素的 div，那么视口只有 600 像素高。有了这些，如果它已经是 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/