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 に答える