0

我正在使用带有 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/
4

1 回答 1

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

于 2013-09-13T12:15:03.140 回答