js 滚动条自动滚动 | 您所在的位置:网站首页 › js表格自动滚动 › js 滚动条自动滚动 |
因为要在看板上显示,所不能手动去触发滚动条,需要自己滚动来显示下面被隐藏的数据 所以得获取一下相关数据然后利用定时器 let newTop; let _this = this; var fBox = document.querySelector('#tableList').querySelector(".el-table__body-wrapper"); //表格的高度 let scrollY = document.getElementById("tableList").scrollTop; //表格内滚动条滚动的距离 //数据加载完所占的总体高度 let allH = document.querySelector('#tableList').querySelector(".el-table__body-wrapper").querySelector(".el-table__body").offsetHeight ; //使用定时器 this.tabletimer = setInterval(function() { //文本是否已经到底部(底部出现在浏览器窗口中) if (scrollY >= allH) { clearInterval(_this.tabletimer); } else { scrollY = scrollY + 1; fBox.scrollTop = scrollY; } }, 300);
|
CopyRight 2018-2019 实验室设备网 版权所有 |