vue实现回到顶部的问题

Question

在vue里定义了一个按钮 实现回到顶部的功能 但是这样写的 瞬间回到了顶部 太生硬了 有什么办法带那种过度效果呢
export default {

    methods: {
        backTop() {
            document.body.scrollTop = 0
            document.documentElement.scrollTop = 0
        }
    }
}

Answer 1

记录当前scrollTop,设置定时器setInterval，每40ms执行一次scrollTop减少100，直到为0则销毁定时器。

Answer 2

window.scrollTo(0,0);

Answer 3

https://stackoverflow.com/que...

Answer 4

利用定时器改变滚动高度，参照http://www.speedcode.cn/Artic...

Answer 5

backTop() {
    // document.body.scrollTop = 0
    // document.documentElement.scrollTop = 0
    var doc= document.documentElement;
    $(doc).animate({
      scrollTop:0
    },500)
  }
  jquery 写个动画就行啦

},