Jquery使用ScrollTop滚动2个div使用IE9

Question

我有2个div彼此相邻排列。 每个div都包含一个具有相同行数的表。

<div id="one" style="width:100px; height:200px; overflow-x:scroll; overflow-y:hidden;"> 
    <table id="tab1"> 
     contains 3 columns and 50 rows 
    </table> 
</div> 

<div id="two" style="width:845px; height:200px; overflow-x:auto; overflow-y:auto;"> 
    <table id="tab2"> 
     contains 12 columns and 50 rows 
    </table> 
</div> 

当我垂直滚动<div id="two" ...，我想<div id="one" ...也滚动到同一position.I已经写了下面的代码，这是在Firefox和chorme运作良好，但在IE9中，scrollTop的不对齐他们正确。真正的每个div包含每行50行的表格，我可以看到差异，因为我继续向底部滚动，因为行没有同步对齐。

$("#two").scroll(function(){ 
    $('#one').scrollTop($('#two').scrollTop()); 
}); 

IE8的差别比IE9好一点。 我该如何解决这个IE9？

Answer 1

我通过给表格中的每一行提供一个固定的高度来解决这个问题。