javascript - 要素の一番下までスクロールしたかどうかを判断する方法は?

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/