监听滚动条滚动结束

最新推荐文章于 2024-06-25 09:29:12 发布

呼~先生

最新推荐文章于 2024-06-25 09:29:12 发布

阅读量711

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_52492583/article/details/129185896

版权

let t1 = 0;
let t2 = 0;
let timer = null; // 定时器

// scroll监听
document.onscroll = function() {
  clearTimeout(timer);
  timer = setTimeout(isScrollEnd, 1000);
  t1 = document.documentElement.scrollTop || document.body.scrollTop;
}

function isScrollEnd() {
  t2 = document.documentElement.scrollTop || document.body.scrollTop;
  if(t2 == t1){
    console.log('滚动结束了')
  }
}

每次滚动的时候都需要清空掉timer定时器，当不滚动的时候才真正的执行到timeout里面的回调函数isScrollEnd，因为您在滚动的时候一直都在清空timer，因此不会执行isScrollEnd函数代码