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

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);

 

js 滚动条自动滚动

相关文章:

  • 2021-12-05
  • 2022-03-03
  • 2021-10-19
  • 2022-12-23
  • 2021-11-01
  • 2021-07-18
  • 2021-08-01
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-03
  • 2021-12-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案