我有 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 中解决此问题?