Vue滚动到页面加载的顶部

Question

我目前在Gridsome中使用portfolio website。但是，当我在移动/平板电脑设备上的页面底部停留的时间比我要导航的页面更长时，该页面不会滚动到Firefox的顶部。在Google Chrome上运行正常。

我正在使用以下代码滚动到页面顶部：

window.onbeforeunload = function () {
    window.scrollTo(0, 0);
}

我尝试了其他解决方案，但似乎没有任何效果。我不想为此解决方案使用任何jquery。

Answer 1

如下更改您的router配置，

const router = new VueRouter({
  routes: [...],
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})

每更改route，它将滚动到顶部。