vue路由跳转不回到顶部的问题

路由跳转后页面滚动条依旧在上一个路由的位置。每次进入路由我需要置顶显示，方案如下。

a. main.js中添加如下代码：

router.beforeEach((to, from, next) => {    
    // chrome
    document.body.scrollTop = 0
    // firefox
    document.documentElement.scrollTop = 0
    // safari
    window.pageYOffset = 0
    next()
})

b.router- index.js

 const router = new VueRouter({
  routes: [...],
  scrollBehavior (to, from, savedPosition) {
    // return 期望滚动到哪个的位置
    return { x: 0, y: 0 }
  }
})