如何使用JQuery检查div是否一直滚动到底部？

Question

我有一个溢出的div:滚动.

我想知道它目前是否一直向下滚动.怎么用JQuery？

这个不起作用:如何确定div是否滚动到底部？

Answer 1

这是正确的解决方案(jsfiddle).简要介绍一下代码:

$(document).ready(function () {
    $('div').bind('scroll', chk_scroll);
});

function chk_scroll(e) {
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
        console.log("bottom");
    }
}

有关详细信息,请参阅此

Answer 2

function isScrolledToBottom(el) {
    var $el = $(el);
    return el.scrollHeight - $el.scrollTop() - $el.outerHeight() < 1;
}

这是@samccone的答案的变体,其中包含@ HenrikChristensen关于亚像素测量的评论.

Answer 3

因为它可以在没有 jQuery 的情况下工作：

 var isBottom = node.scrollTop + node.offsetHeight === node.scrollHeight;

我愿意 ：

 var node = $('#mydiv')[0]; // gets the html element
 if(node) {
    var isBottom = node.scrollTop + node.offsetHeight === node.scrollHeight;
 }