捕获DIV滚动条到底部事件

这个事件没有对应的函数,需要手动计算一下,用差值来比较。

document.getElementById("divData").onscroll = function() {
    //var height = document.getElementById("divData").offsetHeight;//250
    //var height=$("#divData").height();//250
    var scrollHeight = document.getElementById("divData").scrollHeight;//251
    var scrollTop = document.getElementById("divData").scrollTop;//0-18
    var clientHeight = document.getElementById("divData").clientHeight;//233

    if (scrollHeight - clientHeight == scrollTop) {
        //滚动条滚到最底部
        alert("滚到了最底部");
    }
};

scrollHeight    是div里内容的高度,根据内容的增加和减少变化。

clientHeight     是div内里框框的高度,是死的;

scrollTop    是滚动条的最上端到,div上端内里框框的高度;

当滚动条滚至最下端时

scrollHeight    -    clientHeight    ==    scrollTop

以此为条件判断是否滚到底。

你可能感兴趣的:(捕获DIV滚动条到底部事件)