返回顶部vue写法

div id="scrollTop" v-on:click="scrollTop">img src="./assets/img/small_icon/scrollTop.png">div>scrollTop(){ var sTop = document.body || document.documentElement; sTop.scro

晴天Smile

2842人浏览 · 2017-07-19 17:18:24

晴天Smile · 2017-07-19 17:18:24 发布

   <div id="scrollTop" v-on:click="scrollTop"><img src="./assets/img/small_icon/scrollTop.png"></div>
  
  scrollTop(){
 
          var sTop = document.body || document.documentElement;
 
          sTop.scrollTop = 0;
 
        },
 
    #scrollTop{
   
      z-index: 100;
   
      position: fixed;
   
      right: 3%;
   
      bottom: 0.5rem;
   
      img{
   
        display: block;
   
        width: 0.36rem;
   
        height: 0.36rem;
   
        vertical-align: middle;
   
      }
   
    } 
   
  这样就可以了