首先给原生的table 每一行设置行高
通过获取表格的每一行的高度,计算要滚动的高度
通过给scrollTop属性去动态赋值实现滚动
实现的js部分代码
methods(){
scroll(){
let lineHeight=document.getElementById('table').rows[0].offsetHeight
let top=Number(lineHeight) * 10
document.getElementById('tbodys').scrollTop+=top
},
removeScroll(){
document.getElementById('tbodys').scrollTop=0
}
}
mounted () {
this.timer= setInterval(() => {
if(this.pageTotalNum==this.pageNum){
this.pageNum=1
this.totalData=this.table.length
this.removeScroll()
}else{
this.pageNum++
this.getGCSGZRWDB()
this.scroll()
}
}, 10000);
},
beforeDestroy(){
clearInterval(this.timer);
}