自己百度 谷歌好多案例， 但是都不太符合现在的项目，现在的项目是一个table，百度案例要么是用插件，要么是两个table，但是这样改动会太大，要么是用新的div复制table的前四列，这样表格的点击事件将会失效，自己写了一个但是在ie8下面兼容性不好，拖动横向滚动条的时候，前四列会等个几秒钟才出来，滚动条拉动很拖拉。希望大家给点建议，谢谢。
以下是自己的代码：

<script> $(function() {  $(".scrolldiv").scroll(function(){             $(".selectBox").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".selectBox:even").addClass("evenclass");              $(".selectBox:odd").addClass("oaddclass");              });         }); $(".scrolldiv").scroll(function(){             $(".xh").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".xh:even").addClass("evenclass");              $(".xh:odd").addClass("oaddclass");              });         }); $(".scrolldiv").scroll(function(){             $(".status").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".status:even").addClass("evenclass");              $(".status:odd").addClass("oaddclass");             });         }); $(".scrolldiv").scroll(function(){             $(".DH").each(function() {             $(this).css("left",($(".scrolldiv").scrollLeft())+"px").css({"position":"relative"}).css({"position":"relative"}).css({"border-right":"1px solid #bbb"}).css({"border-left":"1px solid #bbb"});             $(".DH:even").addClass("evenclass");              $(".DH:odd").addClass("oaddclass");              });         });     }); </script>