データベースからのデータを含む数千行 (正確には 2317 行) のテーブルがあります。スクロールできるように、このテーブルを div 内に配置しています。
html:
<div class="longList">
<!-- table with thousands of rows -->
</div>
CSS:
.longList {overflow: auto; height: 550px; margin: 0 auto; -webkit-overflow-scrolling: touch;}
問題は、リストが行番号 1900 (その行の半分が表示されている) でiPad のモバイル サファリ(デスクトップ ブラウザーでは正常に動作) で途切れており、リストの残りが空白として表示されていることです。1900 行目以降の行が表示されません。
「-webkit-overflow-scrolling: touch;」を削除すると、すべての行が表示されます。スタイルから。
誰かがこれに遭遇したか、これを修正する方法を知っていますか?