vue实现回到顶部的问题

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

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

回答:

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

回答:

window.scrollTo(0,0);

回答:

https://stackoverflow.com/que…

回答:

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

回答:

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

},

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注