0

要素が絶対的に内部に配置された非常に大きなスクロール div を含むビューポート div があります。(これらは、ビューポートがスクロールするときに再利用および再配置されるため、大きなデータ セットでも管理する要素の数は少なくなります。) Firefox と Chrome では、含まれている div の場合でも、ビューポート内を一番下までスクロールできます。数百万ピクセルの高さです。ただし、IE では、スクロール div がスクロールできる範囲に制限があるようです。

IE10 では、最大値は約 1533900 ピクセルです。一番下までスクロールすると、限界に位置する要素が表示されますが、それより下の要素にはアクセスできません。WinXP 上の IE8 では、さらに少なくなります (~1193030 ピクセル)。これらの数値は、従来の整数オーバーフローの制限に近いものではないため、標準または Microsoft によって指定されているかどうか疑問に思っています。

大規模なデータ セットでスクロールを実装する方法は他にもありますが、このアプローチには、完全にネイティブなスクロールバーの動作という利点があります。ただし、IE に根本的な制限がある場合は、それをよりよく理解したいと思います。

<div style="width: 500px; height: 500px; overflow: auto;">
    <div style="width: 500px; height: 10000000px; overflow: hidden; position: relative;">
        <span style="left: 0px; top: 0px; position: absolute;">top</span>
        <span style="left: 0px; top: 1193030px; position: absolute;">IE8 limit (approximate)</span>
        <span style="left: 0px; top: 1533900px; position: absolute;">IE10 limit (approximate)</span>
        <span style="left: 0px; top: 9999950px; position: absolute;">bottom</span>
    </div>
</div>

http://jsfiddle.net/Bckbr/

4

0 に答える 0