jquery实现table表格联动效果，在做网站项目切图的时候，特别是一些参数的展示，就可能会遇到这种情况，头部要固定不动，下面的内容要滚动，这样一来就需要把表格拆分成两个，并且通过js来实现表格的联动效果，这只是一个小效果，没有必要上插件，这里是直接用jquery写了一个，几句话解决大问题，代码如下：

//table滚动联动
$('.tablehead').on('scroll',function(){
//console.log($(this).scrollLeft());
var sl = $(this).scrollLeft();
$('.tablebody').scrollLeft(sl);
})
$('.tablebody').on('scroll',function(){
//console.log($(this).scrollLeft());
var sl = $(this).scrollLeft();
$('.tablehead').scrollLeft(sl);
})

标签：jquery, table, 联动, 表格