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

图片描述

header是固定的,点击左边导航栏切换页面,使右边页面滚动条在顶部

            各位大佬应该怎么实现

回答:

刚才也是遇到这样一样的问题
就写了个全局的函数

Vue.prototype.upToTop = function() {
    let dom = document.getElementById('main-content');
    dom.scrollTop = 0;
}

main-content是我的页面的主体部分的标签id
我在每次页面数据加载完了的时候调用 this.upToTop();

回答:

点击左边右边页面本来就应该在上边啊。所以有滚动条的话不也应该在最上面?

回答:

scrollBehavior (to, from, savedPosition) {//切换路由的时候滚动到顶部

return { x: 0, y: 0 }

},
加在路由js里面

回答:

https://router.vuejs.org/zh/g…

看下是不是你想要的。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注