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;
      };
posted @ 2022-02-09 16:40  飞天龙猫  阅读(2396)  评论(0编辑  收藏  举报