需求:实现单一表格滚动时,另一个表格也同步滚动
分析:
当时想用element ui table组件利用fixed直接固定某些列和修改样式实现,结果fixed的列里是不能横向滚动的,最后还是分两个表来实现。
撸代码:
$(".table-li-l .el-table__body-wrapper").scroll(function(event) {
var timer;
if (that.isScoll != 2) {
that.isScoll = 1;
$(".table-li-r .el-table__body-wrapper").scrollTop($(this).scrollTop());
timer = setTimeout(() => {
clearTimeout(timer);
that.isScoll = 0;
}, 1000);
}
});
$(".table-li-r .el-table__body-wrapper").scroll(function(event) {
var timer;
if (that.isScoll != 1) {
that.isScoll = 2;
$(".table-li-l .el-table__body-wrapper").scrollTop($(this).scrollTop());
timer = setTimeout(() => {
clearTimeout(timer);
that.isScoll = 0;
}, 1000);
}
});
1.判断监听当前是那个表在滚动,isScoll=当前表,直到滚动结束isScoll=0;
2.如果不是当前表就不能给另外一个表联动滚动,以免另一个表的监听又影响到当前表滚动;
加油,越努力越幸运!!!