javascript - ユーザーが特定の要素の最後までスクロールしたときにjQueryコードを実行する方法は?

Question

ここに私のサンプルコードがあります:

$(window).scroll(function () {
    if ($(window).scrollTop() >= $(document).height() - $(window).height()) {

            // Run code here...

    }
});

上記のコードを使用して、ユーザーがページの一番下までスクロールしたときに何かを実行します。代わりに、ユーザーがドキュメント全体ではなく特定の要素 (#content など) の一番下までスクロールしたときにコードを実行するにはどうすればよいですか。

ありがとうございました。

Answer 1

これはおそらくうまくいくはずです。

$(window).scroll(function () {
    if ($(window).scrollTop() >= $(elem).position().top + $(elem).height() /* add padding if needed. */) {

            // Run code here...

    }
});