我们项目为vue项目,整个html是分为三个区域 上、下、(下面部分包含:)左、右。
问题为:点击左侧菜单,切换路由,(新页面)右侧内容区域为当前scrolltop高度,未置顶(未从顶部显示)。
解决方法:
1、先检查路由文件是否添加 下段代码(此段代码是将整个页面(html)置顶显示,而我们项目是分为上下两块div,上部分为20%,下面高度为80%,下部分又分为左右两部份,左侧围列表菜单,右侧为显示内容,切换的时候右侧内容不置顶显示。所以要将右侧的divscrolltop 改为 0 ,0,下面代码解决的并不是我想解决的问题,但可以解决整个html超出视图范围时不置顶的问题。)
const createRouter = () => new Router({
scrollBehavior(to, from, savedPosition) {
//------------------此段区域(置顶)-------------------------
if (savedPosition) {
return savedPosition
} else {
return {
x: 0,
y: 0
}
}
//---------