Vue监听滚动条事件 点击回到顶部

监听滚顶条事件：

created () {
    this.listenerFunction();
},
beforeDestroy () {
    document.removeEventListener("scroll", this.listenerFunction);
},
method () {
    listenerFunction(e) {
        document.addEventListener('scroll', this.handleScroll, true);
    }),
    handleScroll () {
        console.log(window.pageYOffset)
    }
}


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
 

点击回顶部：

 backTop() {  //点击回顶部
                // document.body.scrollTop = 0;
                // document.documentElement.scrollTop = 0;
                $('html').stop().animate({
                    scrollTop: 0
                }, 1000)
            },

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

无动画：

window.scrollTo(x-coord, y-coord); 


  

 

  
1
  
2
 

文章来源: lvsige.blog.csdn.net，作者：祥子的小迷妹，版权归原作者所有，如需转载，请联系作者。

原文链接：lvsige.blog.csdn.net/article/details/106882803