javascript - 使用Vuetify缓慢滚动回到顶部

我的页面上有一个按钮，可滚动回到页面顶部。它可以工作，但我希望滑动平滑而不是瞬间。有什么好方法吗？

请注意，此网站上也有类似的问题，但都没有使用Vuetify。

这是我的按钮:

<v-btn
  class="md-5 mr-3 elevation-21"
  dark
  fab
  button
  right
  color="indigo darken-3"
  fixed
  @click="top"
>

这是我的功能:

methods:{
      top(){
             window.scrollTo(0,0);
           }
        }

最佳答案

使用behavior选项会在支持该选项的浏览器中触发动画滚动。

window.scrollTo({
  top: 0,
  left: 0,
  behavior: 'smooth'
});

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo