[vue] 监听滑动: 监听整个窗口（window）的滑动, 监听元素的滑动

最新推荐文章于 2023-08-10 16:55:08 发布

533_

最新推荐文章于 2023-08-10 16:55:08 发布

阅读量1.4k

点赞数 1

分类专栏： # vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_14993591/article/details/126010741

版权

vue 专栏收录该内容

175 篇文章

订阅专栏

1、监听整个窗口（window）的滑动

mounted() {
   window.addEventListener('scroll',this.handleScroll,true)
}

 methods: {
  handleScroll(){
      let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
      console.log(scrollTop);
    }
}

2、监听元素的滑动

mounted() {
    document.querySelector("#id").addEventListener('scroll',this.handleScroll)
 }
methods: {
  handleScroll(){
      let scrollTop = document.querySelector("#id").scrollTop;
      console.log(scrollTop);
    }
}