捕获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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值