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

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 滚动条自动滚动

相关文章: