vue 获取el-table 滚动条的位置,通过按键来上下 来增加滚动条离顶部的距离

可以通过监听el-table的scroll事件，获取滚动条的位置，然后根据按键触发方法来增加或减少滚动条离顶部的距离。

代码示例：

<template>
  <div>
    <el-button @click="scrollUp">Scroll Up</el-button>
    <el-button @click="scrollDown">Scroll Down</el-button>
    <el-table :data="tableData" style="width: 100%" @scroll.native="onTableScroll">
      ...
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      scrollTop: 0
    };
  },
  methods: {
    onTableScroll(event) {
      this.scrollTop = event.target.scrollTop;
    },
    scrollUp() {
      this.scrollTop -= 50;
      this.$refs.tableRef.$el.querySelector(".el-table__body-wrapper").scrollTop = this.scrollTop;
    },
    scrollDown() {
      this.scrollTop += 50;
      this.$refs.tableRef.$el.querySelector(".el-table__body-wrapper").scrollTop = this.scrollTop;
    }
  }
};
</script>

在onTableScroll方法中，获取滚动条位置并保存在scrollTop变量中。在scrollUp和scrollDown方法中，根据按键触发，增加或减少scrollTop的值，然后将其赋值给表格的滚动容器的scrollTop属性即可实现滚动条位置的改变。