Android/Chrome および iPad/Safari 用の HTML5 アプリを作成しています。その中で、overflow:auto と top:XXpx を使用して DIV を作成します。以下にサンプルを示します。
<div id="divVerticalList" style="width: 180px; height: 600px; position: absolute; left: 100px; top: 200px;">
<div id="divVerticalListUL" style="overflow: auto; width: 100%; height: 93%;">
<ul id="distDV" class="pickList">
<li id="distDVu30" value="30" class="evenLi">+30</li>
top:0px の場合、divVerticalListUL は画面の上部に表示され、スクロールバーは divVerticalListUL の上部から動作します。スクロールバーは、DIV の高さでリスト コンテンツの一部を表示するのに適切なサイズになっています。リストのスクロールはOKです。
top:100px の場合、DIV は 100 ピクセル下に表示され、スクロールバーは DIV の先頭から 100 ピクセル下に表示されます。DIV の開始位置から開始する必要があります。スクロールバーの高さはあるべきものです。リストをスクロールすると、スクロールは予想される高さを通過しますが、100px は低すぎます。スクロールバーの下部は、DIV の下部よりも下になります。
明らかな回避策は、top:0px を使用することです。より良い答えはありますか?
前もってありがとう、ジェローム。