jquery-mobile - jqm iscrollview 滚动条“最小高度”到高

Question

我有一个带有标题的 jqm 页面和一个始终可见的 div 块。在此块之后，我在新 div 中添加了一个列表视图并启用了 iscroll via 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 divs 的高度？

Answer 1

我找到了解决方案：对于元素data-iscroll-fixed=""外的容器来完成这项工作。data-iscroll