6

我正在尝试为 iOS 设备使用 PhoneGap 开发聊天应用程序。该应用程序有一个显示登录用户的标题，一个用户可以在其中编写文本消息的页脚，以及一个放置在正文中的列表视图，它将显示消息。

我更新到最新版本的 JQueryMobile (1.3.0) 但问题仍然出现在应用程序中。我附上了一张快照，显示了布局是如何损坏的。( http://i.stack.imgur.com/RsLfT.png )

我尝试了几种解决方案，例如使页面不可滚动（将 UIWebViewBounce 设置为 false）且不可扩展（user-scalable=no）和其他用户界面更改，但问题并未解决。

有谁知道如何解决这个问题？（就像软键盘出现后的刷新一样）

4

6 回答 6

4

为了临时解决此问题（因为它在显示键盘时显示中断），您可以在配置文件 (config.xml) 中将“KeyboardShrinksView”设置为“true”或添加它：

<widget>
  ...
  <preference name="KeyboardShrinksView" value="true" />

  <plugins>...
于 2013-04-18T12:46:58.763 回答
2

现在你可以添加一个：

document.body.scrollTop = 0;

每当输入字段收到模糊事件时。

于 2013-03-06T11:03:22.743 回答
2

我在使用 twitter bootstrap 3 时遇到了同样的问题。

添加：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

为我解决了这个问题。

于 2013-09-19T12:24:07.773 回答
1

我已联系 PhoneGap 支持人员，他们告知预计将在 PhoneGap 2.6 版本中针对此问题进行适当修复

于 2013-02-28T06:25:06.690 回答
1

我使用 css 和包装器修复了它

/*Phone < 5:*/
 @media screen and (device-aspect-ratio: 2/3) {
  .content {
   height: 416px !important;
 }
}

 /*iPhone 5:*/
@media screen and (device-aspect-ratio: 40/71) {
  .content {
    height: 504px !important;
  }
}
于 2013-03-24T23:27:30.493 回答
1

键盘弹出时屏幕高度发生变化

window.innerHeight当键盘弹出时，cordova/phonegap 应用程序的屏幕高度或值会减小，这会重新调整内部内容的大小，并使您的屏幕看起来已损坏。

使用 Javascript、Ondeviceready或 Applicationinitialize将设备屏幕高度设置为您的包装器/容器元素。

 $('#container').height(window.innerHeight);  // jQuery
于 2015-12-09T13:35:40.163 回答