js 滚动条自动滚动 您所在的位置:网站首页 js表格自动滚动 js 滚动条自动滚动

js 滚动条自动滚动

#js 滚动条自动滚动| 来源: 网络整理| 查看: 265

因为要在看板上显示,所不能手动去触发滚动条,需要自己滚动来显示下面被隐藏的数据

所以得获取一下相关数据然后利用定时器

           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 实验室设备网 版权所有