路由跳轉(zhuǎn)后頁面滾動(dòng)條依舊在上一個(gè)路由的位置恢口。每次進(jìn)入路由我需要置頂顯示,方案如下是整。
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 期望滾動(dòng)到哪個(gè)的位置
return { x: 0, y: 0 }
}
})