如何检测您何时处于可滚动div的底部?

时间:2013-01-29 16:42:56

标签: jquery scroll

当我处于可滚动div的底部时,我无法检测到。我有一个绝对定位的div,div设置为100%高度并且可以滚动。 div包含许多一个在另一个下面的文章。

我的目标是检测div何时滚动到底部。我使用以下代码进行测试,但scroll.height的值没有加起来,因为它给了我浏览器窗口的高度而不是可滚动内容的高度。

$('#scroll_length').text($('.scroll').scrollTop() + ' -- ' + $('.scroll').innerHeight());

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

我刚才回答了类似的问题,我认为它仍然相关:Using jQuery, how do I force a visitor to scroll to the bottom of a textarea to enable the submit button?

$('#terms').scroll(function () {
    if ($(this).scrollTop() == $(this)[0].scrollHeight - $(this).height()) {
        $('#register').removeAttr('disabled');
    }
});

只需给术语一个id,并在html中将注册按钮设置为禁用。我也做了一点小提示,表明它有效:http://jsfiddle.net/ETLZ8/

答案 1 :(得分:1)

除了@Christian Varga答案......

我知道我没有回答代码,但我认为提出一个插件来帮助实现目标是一个很好的补充。

有时候问题会成为知识库......

您可能会发现此插件很有用

jQuery Waypoints