PhoneGap的页面在iOS设备键盘的外观,使破坏的PhoneGap的页面后,向上滚动(Phone

2019-07-20 07:01发布

我想开发使用PhoneGap的iOS设备的聊天应用。 应用程序有一个报头,显示登录的用户,页脚,其中用户可以写上自己的文本消息,并且置于身体,这将显示消息的列表视图。

我更新到JQueryMobile(1.3.0)的最新版本,但问题仍然出现在应用程序中。 我附上一个快照显示的布局怎么变得损坏。 ( http://i.stack.imgur.com/RsLfT.png )

我尝试了几种解决方案,如制作网页不滚动(设置UIWebViewBounce为false),而不是可扩展性(用户可扩展性=无)和其他用户界面的变化,但问题没有得到解决。

有没有人有一个想法如何解决这一问题? (如后软键盘的外观刷新)


Answer 1:

为了暂时解决此问题(因为它显示了断裂,而键盘显示),你可以在配置文件(config.xml)设置“KeyboardShrinksView”到“真”或添加:

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

  <plugins>...


Answer 2:

现在您可以添加:

document.body.scrollTop = 0;

每当输入字段临危模糊事件。



Answer 3:

我在使用Twitter的引导3同样的问题。

添加:

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

解决了这个问题对我来说。



Answer 4:

我所接触的PhoneGap支持,他们得知适当的修复,预计在PhoneGap的2.6版本做关于这个问题



Answer 5:

我固定它使用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;
  }
}


Answer 6:

当键盘弹出屏幕高度的变化

科尔多瓦/ PhoneGap的应用程序屏幕高度或window.innerHeight值被还原了的时候弹出键盘,这个重新大小里面的内容:让你的屏幕看起来损坏。

使用JavaScript,在deviceready或应用程序initialize设置设备屏幕高度,你的包装/容器元素。

 $('#container').height(window.innerHeight);  // jQuery 


文章来源: PhoneGap Page scroll up after Keyboard appearance in iOS devices that makes the PhoneGap page corrupted