本文介绍如何在使用Vue Router和MUI框架时，确保页面加载时滚动条始终位于顶部。通过在main.js中配置router.afterEach钩子，或使用MUI的scroll方法，可以实现这一目标。
使用mui框架下：
vue router默认记录了滚动条的位置，因此在下一页刚进入时滚动条的位置与上一个页面一致。
要想在下一页刚进入时滚动条位置在顶部：
解决办法： mui('#scroll1').scroll().scrollTo(0,0,0);
注： #scroll1 存放页面内容。
其他情况：
直接在vue项目的main.js中配置
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
在使用vue router时改变滚动条位置到顶部
最新推荐文章于 2024-09-25 14:56:50 发布
扫一扫
1163
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
