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并将高度替换为“实际”值（像素）而不是相对值。

JQuery-mobile popup滚动不适用于Android

1 个答案: