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

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/