vue 中滚动条滚动到顶部的相关处理

1,如图所示,使用ElementUI 的table组件,在切换分页的时候滚动条需要自动滚动到最上方。

 document.getElementsByClassName('el-table__body-wrapper is-scrolling-none')[0].scrollTop=0;

vue 中滚动条滚动到顶部的相关处理_第1张图片

2,如图所示,使用ElementUI 的el-scrollbar 组件,在切换左边分组的时候需要右边子项的滚动条自动滚动到最上方。


    
        ...
    

let self=this;
this.$nextTick(()=>{
    if(document.getElementById('inspectContent')!=null){
          if(self.$refs['myScrollbar']!=undefined){
               self.$refs['myScrollbar'].wrap.scrollTop = document.getElementById('inspectContent').offsetTop;
          }
     }
})

vue 中滚动条滚动到顶部的相关处理_第2张图片

你可能感兴趣的:(vue.js)