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

我通過給表格中的每一行提供一個固定的高度來解決這個問題。