vue2.0 - vue-router跳转滚动条返回顶部

Question

在main.js中配置
router.afterEach((to, from, next) => {
window.scrollTo(0, 0)
})
或index.js配置
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 }
}
都无效果，还有别的方法吗？各位大佬

Answer 1

试试这个

router.afterEach((to, from, next) => {
    document.documentElement.scrollTop = 0
    document.body.scrollTop = 0
})

Answer 2

加上一个定时器试试

router.afterEach((to, from, next) => {
 setTimeout(function() {
        window.scrollTo(0, 0)
    },100)
})

Answer 3

scrollBehavior (to, from, savedPosition) {

return { x: 0, y: 0 }

}