jquery-mobile - jquery mobile 1.3 beta 侧面板可滚动内容

Question

如果有很多项目，如何使侧面板内容可滚动，而不滚动主页上的内容（在 JQM 1.3 Beta 中）？我正在尝试为在桌面和移动浏览器上运行的应用程序实现此功能。到处寻找，但找不到答案。

score 0 · Accepted Answer

.ui-panel-inner .ui-content myElement {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

如果您希望整个侧面板可滚动，您可以使选择器更特定于给定元素，或者只保留“ui-panel-inner”。

注意：“-webkit-overflow-scrolling: touch”将本机惯性滚动添加到溢出中，如果您想要的只是滚动功能，则不需要。这应该适用于 webkit 浏览器；移动 Safari 和 chrome。但我只在移动 safari 上测试过。它不能在移动 IE 上运行，但我还没有测试过。

score 0 · Accepted Answer

我在面板内创建了一个可滚动的 div，但这在没有两指滚动的情况下在 iOS4 及更低版本上不起作用（iOS 中 div 内的 div 问题）。

score 0 · Accepted Answer

请访问以下内容以找到上述问题的答案：

3 回答 3