jquery-mobile - 只滚动 ListView ，而不滚动其他div？

Question

如何设置如果用户在listview上滚动，listview之外的其他div也不需要滚动？我无法获得任何引用来执行此操作。

Answer 1

将列表放入 DIV 容器中。给容器一个最大高度并使其可滚动:

<div class="listCont">
    <ul data-role="listview" data-inset="true">
        <li>item</li>
        <li>item</li>
        ...
    </ul>
</div>

.listCont {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 250px;
}

DEMO

-webkit-overflow-scrolling: touch; 是使其在 webkit 触摸设备上可滚动的技巧。