Question

我有两个彼此相邻排列的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" ...也滚动到相同的位置。我编写了下面的代码，它在FireFox和chorme中运行良好，但在IE9中， scrollTop没有正确对齐它们。这些div中的每一个都包含每行50行的表，我可以看到差异，因为我继续向下滚动更多，因为行没有同步对齐。

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

IE8的差异比IE9更好。我如何在IE9中修复此问题？

Answer 1

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

Jquery Scroll 2 Div使用ScrollTop IE9

1 个答案: