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

• Z时代
• 2024-01-10
• 分类：技术分享

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里面

回答：

router.vuejs.org/zh/guide/advanced/scroll-behavior.html" rel="nofollow">https://router.vuejs.org/zh/g...

看下是不是你想要的。

以上是 vue2.0 - vue-router滚动条返回顶部 的全部内容， 来源链接： utcz.com/a/148507.html