el-table 使用fixed 固定列 但是固定列不会随着Y轴滑动

::v-deep {

        .el-table__body-wrapper {

          overflow-y: auto;

          height: calc(100vh - 365px); // 表格固定了高度

        }

        .el-table__fixed-body-wrapper {

          overflow-y: auto; // fixed的列也要超出滚动

          height: calc(100vh - 375px);  // 出现滚动条需要比表格短10px

        }

      }

 

经过设置后浮动的滚动条和列表的滚动条用鼠标滚动是一致的，但是鼠标拖动只能拖动浮动后元素的滚动条（他们已经是两部分了）所有要加滚动距离处理

 

// 处理滚动条不一致

      const fixedWrapper = document.getElementsByClassName('el-table__fixed-body-wrapper')

      const bodyWrapper = document.getElementsByClassName('el-table__body-wrapper')

      if (fixedWrapper && bodyWrapper && fixedWrapper[0] && bodyWrapper[0]) {

        fixedWrapper[0].onscroll = function(e) {

          bodyWrapper[0].scrollTop = fixedWrapper[0].scrollTop

        }

      }