仅滚动listview,而不是其他div?

时间:2015-08-04 01:33:40

标签: jquery-mobile jquery-mobile-listview

如何设置用户在列表视图上滚动,列表视图外的其他div是否也需要滚动?我无法在那里得到任何参考。

1 个答案:

答案 0 :(得分:5)

将您的列表放在DIV容器中。给容器一个max-height并使其可滚动:

<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触控设备上滚动的技巧。