返回顶部（附带过度效果）

vue中使用：

1.定义按钮

<div @click="backTop">TOP</div>

2.js部分

在data中定义变量 myTimer：-1

 backTop() {
      //1、获取当前滚动了多少距离
        //2、启动定时器，以一定时间减少响应的滚动距离
        var scrollTo = document.documentElement.scrollTop || document.body.scrollTop
        if(this.myTimer === -1){
            this.myTimer = setInterval(() => {
                scrollTo -= 60
                if(scrollTo<=0){
                    scrollTo = 0
                    window.clearInterval(this.myTimer)
                    this.myTimer = -1
                }
                window.scrollTo(0,scrollTo) //这是值  是指离开网页顶部的距离   
            }, 10);
        }
      },