常に表示されるヘッダーと div ブロックを含む jqm ページがあります。このブロックの後、新しい div にリストビューを追加し、iscroll を介して有効にしましたdata-iscroll=""
。
スクロールする必要がある場合、iscroll-div は非常に高い高さの値を取得します。一部のコンテンツは表示およびスクロールできません (赤い円のスクリーンショットを参照)。
私の短縮コードは次のとおりです。
<div data-role="page" id="pageId">
<div data-role="header" data-position="fixed">
{title}
</div>
<div data-role="content">
<div class="details-header">
<img src="{url}" />
{some text}
</div>
<div data-iscroll="">
<ul data-role="listview">
<li>
<h2>Lorem Ipsum</h2>
<p style="white-space:normal">Lorem ipsum dolor sit amet[..]</p>
</li>
<li>
<h2>Lorem Ipsum</h2>
<p style="white-space:normal">Lorem ipsum dolor sit amet[..]</p>
</li>
[...]
</ul></div>
</div>
</div>
min-height は device-height - header-height で計算されるようです。iscroll div の高さを再計算する方法はありますか?