Vue 项目，页面采用左右布局，左侧导航栏固定于页面，右侧内容区 overflow:auto 根据被撑开的高度决定是否显示滚动条。
因此造成一个问题，浏览器页面不存在滚动条，滚动条仅存在于右侧，这种情况下，怎么使每次路由跳转时，右侧内容区始终回到其最上方？
Vue： 左侧固定，右侧 overflow:auto 的页面，怎么在路由跳转时右侧回到它的顶部？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2022-05-18 20:23回答 1 已采纳 或许你应该描述一下是基于什么场景，如有一个轮询接口还是socket之类的
- 2022-02-03 19:36回答 2 已采纳 在Home路由处用 redirect 去重定向到子路由 不要给子路由设置 '' 逻辑上来说会报错的，这种写法本身是有问题的
- 2021-04-29 15:34回答 1 已采纳 你在子组件里边写一个点击事件 然后用 this.$router.push(url) 这不就是跳转吗
- 2023-02-16 17:46guliyue651的博客 vue路由跳转页面之后页面不从最顶端显示问题
- 2021-11-18 21:00回答 2 已采纳 子组件设置样式width:100%;height:100%；z-index:999;
- 2019-05-24 22:17回答 3 已采纳 ## 可能你在写页面的时候造成死循环，或者是在生命周期函数比如created、mounted等里面写了刷新页面语句， ## 看你对楼上的回复，应该是表格的问题，你可以看一下表格
- 2022-11-14 13:32回答 2 已采纳 自己捕获滚动事件，设置容器的scrollTop为行高的倍数，而不是靠浏览器默认滚动一次的高度
- 2022-08-09 16:20琳木兮的博客 Vue路由跳转页面，滚动条的位置停留在上个页面的位置，没有回到顶部
- 2022-03-21 17:37回答 1 已采纳 你 循环这个数组 。拼成 vue-router可以识别的 格式然后 addRoutes 。如果是侧边栏 那你 就动态生成侧边栏 利用v-for
- 2021-10-25 10:08回答 4 已采纳 router跳转
- 2022-04-13 14:09回答 3 已采纳 一般情况下我们会添加一个redirecturl字段在链接里面，供登录页抓取应跳往哪里。比如题主案例中，html页面未登录情况下，跳转到登录页时，可通过window.location.href = lo
- 2023-02-17 15:45baby加油_的博客 vue实现刷新页面，页面回到顶部
- 2023-03-11 17:59回答 2 已采纳 可以参考一下这个http://t.csdn.cn/tSsV4
- 2021-01-27 18:33机智的成大的博客 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动 在router下的index.js文件加上以下代码 下面展示一些 内联代码片。 router.afterEach((to, from, next) => { document.querySelector(...
- 2023-07-13 08:45二哈喇子！的博客 Vue 路由跳转
- 没有解决我的问题, 去提问
