js获取element table滚动条已经滚动的距离

在JavaScript中，你可以通过`window.scrollY`属性获取当前页面滚动条在垂直方向上滚动的距离，但对于表格元素（table）本身的滚动条距离，你需要先找到对应的滚动容器，通常是表格的tbody部分或者整个表格（如果你使用的是`<table>`标签直接作为滚动容器），然后利用该容器的`scrollTop`属性。

例如，假设你有一个id为"myTable"的HTML表格，可以这样做：

var tableElement = document.getElementById('myTable');
if (tableElement) {
  var scrollDistance = tableElement.scrollTop;
  console.log('Table scroll distance:', scrollDistance);
}

如果表格内部有滚动条（如`<div style="overflow-y:scroll">`包裹了tbody），则需要找到这个嵌套的滚动容器：

var scrollContainer = tableElement.querySelector('.scrollable-div'); // 假设scrollable-div是滚动容器的class名
if (scrollContainer) {
  var scrollDistance = scrollContainer.scrollTop;
  console.log('Scroll distance within the container:', scrollDistance);
}