vue element - ui 项目， scrollbar模块，切换页面不置顶

 

我们项目为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
      }
    }
//---------