滚动到一定距离显示，点击返回顶部

 <!-- 返回顶部 -->
 <template>
    <div v-if="navtab" class="top" @click="top">
      <img src="../../static/top.png" alt />
    </div>
</template>
  
    
      
  data() {
    return {
    navtab: false,
    };
  },
  mounted() {
    window.addEventListener("scroll", this.handleScroll);
    }
  methods:{
         handleScroll() {
      var scrollTop =
        window.pageYOffset ||
        document.documentElement.scrollTop ||
        document.body.scrollTop;
      if (scrollTop > 150) {
        this.navtab = true;
      } else if (scrollTop < 150) {
        this.navtab = false;
      }
    }, 
      top() {
      window.scrollTo(0, 0);
    },   
    }

  //css部分
 .top {
  width: 70upx;
  height: 70upx;
  border-radius: 50%;
  position: fixed;
  right: 40upx;
  bottom: 240upx;
  opacity: 0.9;
  background: #fff;
  box-shadow: 0 2upx 38upx #c0c0c0;
}
.top img {
  width: 100%;
  height: 100%;
}