JQuery-mobile 弹出式滚动在 Android 上不起作用

Question

我在 JQuery-mobile 上使用 Phonegap，我有一个弹出窗口，里面有很多文本，它在 iOS 上滚动很好，但是当我在各种 Android 版本上测试时，滚动不起作用。弹出窗口似乎没有监听滚动事件。

这是我的设置示例，不完全相同，因为我使用 Backbone 视图来处理所有内容的加载，但最终的 html 应该是相似的。

我的代码设置或多或少是这样的

<div data-role="page">
  <div data-role="header">...</div>
  <div data-role="content">
    <div id="scrollable_div">
       <div id="inner">
       <ul>
         .....
         ....
       </ul>
       </div>
    </div>
  </div>
  <div data-role="footer">...</div>
</div>
<div id="popup_wrapper">popup is loaded into this div programmatically and called popup</div>

http://jsfiddle.net/VRwLX/

Answer 1

如果您尝试强制弹出高度怎么办？似乎 Android 不知道弹出窗口的大小。

[data-role="popup"] {
    position: relative; // the parent container probably needs a position context also.
    height: 90%; //just not to block the full screen - it is a popup :)
    overflow-y: scroll;
}

在我的 JellyBean Android 股票浏览器上工作，应该在 Phonegap 的 webview 上表现类似。

如果上述方法不起作用，请删除 position: relative 并将高度替换为“真实”值（像素）而不是相对值。