antd table表格 vue3 滚动到指定行 指定位置 历史位置
实现原理:
判断表格在页面scrollTop高度,代替表格指定行高度,因此获取到表格父元素--滚动元素,然后赋值即可
判断Dom节点是否是滚动元素
window.addEventListener('scroll', () => {
var scrollTop = document.getElementsByClassName('ant-table-body')[0];
console.log(scrollTop.scrollTop) // 查看打印的值是否有变化 如果有 则说明滚滚动条在这个标签中
}, true)
滚动到指定位置(historyHeight赋值,记录表格历史位置)
const historyHeight = ref(null);
const goHistoryPosition = () => {
let aaa = document.getElementsByClassName('ant-table-body')[0];
aaa.scrollTop = historyHeight.value;
};