Web API 接口参考 Element Element.scrollTop和scrollLeft

Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。

一个元素的 scrollTop 值是这个元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量。当一个元素的内容没有产生垂直方向的滚动条，那么它的 scrollTop 值为0。

示例代码：

this.$nextTick(() => {
  const [middleDom] = document.getElementsByClassName('middle-bottom');
  middleDom.scrollTop = 0;
});

 

Element.scrollLeft 属性可以读取或设置元素滚动条到元素左边的距离。

注意如果这个元素的内容排列方向（direction） 是rtl (right-to-left) ，那么滚动条会位于最右侧（内容开始处），并且scrollLeft值为0。此时，当你从右到左拖动滚动条时，scrollLeft会从0变为负数。

示例代码（antd vue x轴滚动条重置距离）：

<template>
  <section class="table-container">
    <!-- 表格 -->
    <a-table
      class="space-table"
      ref="spaceTable"
      :columns="columns"
      :data-source="tableData"
      :pagination="false"
      :scroll="{ x: '4rem' }"
    >
    </a-table>
  </section>
</template>

this.$refs.spaceTable.$el.querySelector('.ant-table-body').scrollLeft = 0;