长界面tab切换到其他界面，保留原来得位置（即来回切换界面，滚动条位置不变）

从详情页跳转显示其它页面，再跳转回来时，最好能保留原来的位置
原理就是通过document.getElementById("businessDetails").scrollTop = 位置值， 来设置滚动条的位置的

本文是有一个功能，界面进行缓存，基于keep-alive缓存界面基础上实现的

1 、有其他界面跳转进入的详情界面
第一步：在点击跳转界面，跳转代码哪里统一加一个路由携带参数params: {clickEvent:'tableList' }

this.$router.push({
  name: '跳转的新界面的name', // 如： businessDetails
  params: {
    clickEvent:'tableList'
  }
});

第二步： 在滚动条的标签上加上专属id（长界面即详情界面）

注意： 这里是滚动条的标签上，并不是第一个div盒子。

第三步： 在新的界面编写两个方法（长界面即详情界面）

 /** keep-alive 组件激活时调用 */
  activated() {
    // keep-alive组件 页面进入的时候设置滚动高度
    if(this.$route.params.clickEvent == "tableList"){
      // 如果是从路由跳转进来，就将滚动条设置为0，且清空路由参数，避免缓存了这个值，还可以取到
      document.getElementById("businessDetails").scrollTop = 0;
      this.$route.params.clickEvent = ''
    }else{
      document.getElementById("businessDetails").scrollTop = this.offsetTop;
    }
  },
  /** keep-alive 组件停用时调用 */
  deactivated() {
    //keep-alive 组件停用时调用（简单理解为组件离开的时候）。
    // 获取页面滚动高度，这个钩子有可能会拿不到数据，因为这个钩子执行的慢，可以用beforeRouteLeave代替
    this.offsetTop = document.getElementById("businessDetails").scrollTop;
  },

非跳转界面 ，菜单进入就是长界面的（如：研发工作、部门工作），这个界面左边是树结构，点击树节点，右边内容也会发生变化
这一步不需要跳转操作

在滚动条的标签上上加上专属id

注意： 这里是滚动条的标签上，并不是第一个div盒子。

针对“点击左侧树节点时，右侧详情页最好能自动回到最上方” 这个问题，只需要在树节点点击事件方法中，赋值操作后面加一行代码即可

document.getElementById("businessDetails").scrollTop = 0;

解释说明：
为什么要在路由跳转这里加一个 字段如：（clickEvent:'tableList' ）呢？
原因如下：
这里主要目的是为了区分是从tab页进入，还是从路由跳转进入，为了避免路由参数一致存在，在滚动条值改变后就其清空this.$route.params.clickEvent = ''；（从a界面点击表格某一条数据，跳转到b界面，这时候滚动条要在为0得位置，但是当我滚动到一个位置，比如100得时候，tab切换其他界面，再切换回来，滚动条依然再100得位置，满足了需求； 但是如果不加一个判断（this.$route.params.clickEvent == "tableList"），这时候，从a界面再点数据进行b界面，b界面依然在100得位置，这时候就不满足需求了；所以这里加一个路由传参标识，是为了区分点击进入的入口是路由跳转还是tab切换。