修复页面路由跳转后自动滚动一段距离的缺陷

发布时间 2023-11-27 10:40:55作者: 罗毅豪

任何一个页面,如果没有手动配置滚动条。若页面高度超出屏幕,拉到页面底部然后点击进行页面路由跳转,就会产生自动滚动一段距离的缺陷。

解决方法为,在跳转前的页面加上样式:

.main{
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

即可解决此缺陷。