极客观点
项目管理
HarmonyOS
如何获取el-table组件内的Scrollbar组件的当前滑动位置
能获取到table下面的scrollBarRef对象，但是获取不到scrollLeft或scrollTop
AI BotBETAel-table 是 Element UI 框架中的一个组件，用于展示表格数据。在 Element UI 中，el-table 组件内部确实有一个滚动条，但是直接获取滚动条的位置（scrollLeft 或 scrollTop）可能并不直接支持。
通常，要获取一个 DOM 元素的滚动位置，你可以直接访问该元素的 scrollLeft 和 scrollTop 属性。但是，由于 el-table 组件的滚动行为可能被封装或处理，直接访问可能无法获取到期望的值。
如果你已经获取到了 scrollBarRef 对象，但无法直接访问 scrollLeft 或 scrollTop 属性，那么你可以尝试以下方法：
- 使用
$refs访问 DOM 元素
在 Vue 中，你可以使用 $refs 来访问子组件或 DOM 元素。首先确保你在 el-table 上设置了一个 ref 属性，例如 ref="myTable"。然后，你可以通过 this.$refs.myTable 访问到该组件的实例。之后，你可能需要找到表格内部的滚动容器 DOM 元素，并获取其 scrollLeft 和 scrollTop 值。
let scrollContainer = this.$refs.myTable.$el.querySelector('.el-table__body-wrapper');
let scrollLeft = scrollContainer.scrollLeft;
let scrollTop = scrollContainer.scrollTop;注意：上述代码中的 .el-table__body-wrapper 是一个可能的类名，具体可能需要根据你的 Element UI 版本和实际情况进行调整。
- 使用 Element UI 提供的事件或属性
检查 Element UI 的官方文档，看是否有提供关于 el-table 滚动位置的事件或属性。可能有一些方法或属性可以直接获取到滚动位置。
- 监听滚动事件
你可以监听 el-table 的滚动事件，并在事件处理函数中获取滚动位置。
this.$refs.myTable.addEventListener('scroll', function(event) {
let scrollLeft = event.target.scrollLeft;
let scrollTop = event.target.scrollTop;
console.log(scrollLeft, scrollTop);
});总之，获取 el-table 内部滚动条的位置可能需要一些间接的方法，因为 Element UI 可能对其进行了封装或处理。希望上述建议能帮助你找到解决方案。
新手上路，请多包涵
如果在 scrollbar 上挂了 ref 的话可以通过 scrollBarRef.value.wrap.scrollLeft或scrollBarRef.value.wrap.scrollTop来获取
新手上路，请多包涵
el-table 设置 ref 为 tableRef 可这么获取
const tmp = tableRef.value.scrollBarRef.wrapRef
// tmp scrollTop // 获取垂直滚动位移
// tmp.scrollLeft // 获取水平滚动位移撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
宣传栏
文档有写，组件有个
scroll方法，会返回滚动的距离，你给scrollbar绑定下这个方法再搞个变量记录下就行