切换路由的时候滚动条显示在中间

来源：12-4 用户中心页面收藏歌曲功能实现（下）

好家伙三子

2021-02-06

切换路由的时候滚动条显示在中间是怎么回事？其他组件都是正常的只有使用router-link-to引入的路由指向的组件有这个问题

写回答

1回答

ustbhuangyi

2021-02-07

已采纳

因为用 KeepAlive 缓存了组件吧

好家伙三子

问题已解决，关键代码：App.vue中 watch:{ '$route':function(to,from){ var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; document.getElementById("main").scrollTop=0 } } Dom元素（#main）的overflow-y：auto

2021-02-07

共6条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程

相似问题

老师，您好。请问一下在IOS下用自带的滑动返回后，界面会闪一下屏，这个该怎么去优化。

回答 1

切换路由的时候是否会执行created

回答 1

黄老师，路由怎么做到滑动切换呢？能不能提供一个思路

回答 1

mini播放器是靠fixed定位和修改z-index值来实现在不同路由组件下面都能显示的吗？为啥不会跟随路由切换切掉呢？

回答 1

滚动条问题

回答 2

打开慕课网App查看更多内容