【移动端】确定滚动位置与是否结束滚动

最新推荐文章于 2022-07-06 14:08:56 发布

风风草

最新推荐文章于 2022-07-06 14:08:56 发布

阅读量219

点赞数

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/u011523953/article/details/120537404

版权

let middle = document.getElementById('middle')
    middle.addEventListener('scroll',  (e)=> {
      let before = middle.scrollTop
      // 函数防抖
      if (this.timer) {
          clearTimeout(this.timer)
      }
      // 300ms后判定为滑动结束
      this.timer = setTimeout(() => {
        // 滑动结束
        let after = middle.scrollTop
        if(before == after) {
          console.log('滚动位置确定了', middle.scrollTop);
        }
      }, 300)
    });