0

我有 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" ...也滚动到相同的位置。我编写了以下代码,该代码在 FireFox 和 chorme 中运行良好,但是在 IE9 中,scrollTop 无法正确对齐它们。这些 div 中的每一个都包含每个有 50 行的表,当我继续向底部滚动更多时,我可以看到差异,因为行不同步对齐。

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

IE8 的差异比 IE9 略好。如何在 IE9 中解决此问题?

4

1 回答 1

0

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

于 2012-09-26T18:45:10.280 回答