PhoneGap页面在iOS设备中的键盘外观后向上滚动，使PhoneGap页面损坏 [英] PhoneGap Page scroll up after Keyboard appearance in iOS devices that makes the PhoneGap page corrupted

问题描述

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

I am trying to develop a chatting application using PhoneGap for iOS devices. The application has a header that shows the logged user, a footer where user can write his text message, and a list view placed in the body which will display messages.

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

I updated to the latest version of JQueryMobile (1.3.0) but the issue still appearing inside the application. I have attached a snapshot shows how the layout becomes corrupted. (http://i.stack.imgur.com/RsLfT.png)

我尝试了几个解决方案，例如使页面不可滚动（设置UIWebViewBounce为false）和不可伸缩（用户可扩展=否）和其他用户界面更改，但问题不是

I tried several solutions like making the page not scrollable (set UIWebViewBounce to false) and not scalable (user-scalable=no) and other user interface changes, but the issue is not solved.

有没有人知道如何解决这个问题？ （像软键盘外观后刷新）

Does anyone have an idea how to fix this? (like a refresh after soft keyboard appearance)

推荐答案

临时发出问题（因为在键盘显示时显示中断），您可以在配置文件（config.xml）中将KeyboardShrinksView设置为true或将其添加：

In order to fix this Issue temporarily (because it shows breaks while keyboard is showing), you can set "KeyboardShrinksView" to "true" in your configuration file (config.xml) or add it:

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

  <plugins>...

这篇关于PhoneGap页面在iOS设备中的键盘外观后向上滚动，使PhoneGap页面损坏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！