el-table滚动固定距离

您可以通过设置 `height` 属性和 `max-height` 属性来固定 `el-table` 的高度，并使用 `overflow-y: auto` 来添加垂直滚动条。然后，您可以使用 `scroll` 事件来监听滚动并执行您所需的逻辑。以下是一个示例：

<el-table :data="tableData" :height="tableHeight" style="max-height: 400px; overflow-y: auto;" @scroll="handleScroll">
  <!-- 表格列 -->
</el-table>

data() {
  return {
    tableData: [],
    tableHeight: 0,
    scrollTop: 0,
    scrollDistance: 50 // 滚动固定的距离
  };
},
mounted() {
  // 计算表格高度
  this.tableHeight = document.documentElement.clientHeight - this.$refs.table.$el.offsetTop;
},
methods: {
  handleScroll(event) {
    // 判断是否滚动了指定距离
    if (event.target.scrollTop - this.scrollTop >= this.scrollDistance) {
      // 执行您的逻辑
      // ...
      
      // 更新 scrollTop
      this.scrollTop = event.target.scrollTop;
    }
  }
}

在上面的示例中，我们首先使用 `height` 属性和 `max-height` 属性将表格的高度固定为 `400px`，并使用 `overflow-y: auto` 添加垂直滚动条。然后，在 `mounted` 钩子中计算表格高度。在 `handleScroll` 方法中，我们检查是否滚动了指定的距离，并在满足条件时执行您的逻辑。最后，我们更新 `scrollTop`，以便在下一次滚动事件中使用它来判断是否滚动了指定距离。