监听鼠标滚动条事件

最新推荐文章于 2024-09-10 13:23:11 发布

油纸

最新推荐文章于 2024-09-10 13:23:11 发布

阅读量1.2k

点赞数 1

文章标签： html5 javascript html

本文链接：https://blog.csdn.net/weixin_40425415/article/details/120561482

版权


window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件


handleScroll() {
   const dom = document.getElementsByClassName('contents')
     let sTop = dom[0].scrollTop // 滚动条位置， 滚动条在最顶端的时候， scrollTop=0
     let cHeight = dom[0].clientHeight // 窗口可视高度
     let sHeight = dom[0].scrollHeight  // 文档内容的实际高度
     // 判定元素是否滚动到底
     // if (sTop + cHeight == sHeight) {
     if (sTop + cHeight >= sHeight) {
         // 滚动到底部触发...
     } else {
         // ...
     }
 },