当用户滚动到特定元素的末尾时，如何运行jQuery代码？

Question

这是我的示例代码:

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

            // Run code here...

    }
});

我使用上面的代码来在用户滚动到页面底部时执行某些操作。 相反，如何使代码在用户滚动到特定元素（例如＃content）的底部时执行，并且不是整个文档的底部？

谢谢。

- Ahmed Fouad

Answer 1

这应该是有效的。

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

            // Run code here...

    }
});

- Parth Thakkar

---

嗯，也许不是 position() 而是 offset()？ - VisioN

我应用了它，但它表现出奇怪的行为。我认为这里有些东西不对。 - Ahmed Fouad

不知道出了什么问题，但现在它根本没有执行任何操作。如果 ($(window).scrollTop() >= $('#content').position().top + $('#content').height()) { - Ahmed Fouad

确定吗？Fiddle只是讲另一个故事......在这里检查它：http://jsfiddle.net/ZGtwD/ - Parth Thakkar

让我们在聊天中继续这个讨论：http://chat.stackoverflow.com/rooms/11751/discussion-between-parth-thakkar-and-ahmed-fouad - Parth Thakkar