Vue.js vue路由器转换，幻灯片不滚动到顶部

我在中使用了转场，它的幻灯片效果很好，但我希望从顶部看到下一页，相反，我需要手动将新页滚动到顶部，这是不好的

因此，我添加了一个选项，该选项应该对我有所帮助：

当使用客户端路由时，我们可能希望在导航到新路由时滚动到顶部，或者像重新加载真实页面一样保留历史条目的滚动位置。vue路由器允许您实现这些，甚至更好，允许您完全自定义路线导航上的滚动行为

以下是我的配置：

路由器

const routers = [...]

const router = new VueRouter({
  routes: routes,
  mode: 'history',
  scrollBehavior (to, from, savedPosition) {
     if (savedPosition) {
         //return savedPosition
         return { x: 0, y: 0 } // just for debugging
     } else {
         return { x: 0, y: 0 }
     }
  }
});

App.vue

<template>
<div class="home">
    <header-comp></header-comp>
    <main>
        <transition  name="slide"
                     enter-active-class="animated slideInLeft faster"
                     leave-active-class="animated slideOutRight faster">
            <router-view></router-view>
        </transition>
       </main>
      <footer-comp></footer-comp>
   </div>
</template>