• 欢迎来到我的博客
  • [email protected]

JS代码 监听浏览器滚动到底

学习笔记 tianlan 5个月前 (05-04) 238次浏览 0个评论 扫描二维码
文章目录[隐藏]

代码

window.addEventListener('scroll',function () {
    // 总高度
    let height = document.body.clientHeight;
    // 可视区域高度
    let ViewHeight = document.documentElement.clientHeight;
    // 页面向上滚动了多高
    let scrollHeight = window.pageYOffset;
    
    if (ViewHeight + scrollHeight >= height) {
        alert('到底啦!');
    }
});

注意

在安卓上,有时即使触底了, ViewHeight + scrollHeight >= height 不成立,ViewHeight + scrollHeightheight 小一点点,所以建议这样写 ViewHeight + scrollHeight + 10 >= height,留有 10px 余地


天蓝, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:JS代码 监听浏览器滚动到底
喜欢 (1)
[[email protected]]
分享 (0)

您必须 登录 才能发表评论!