我想开发使用PhoneGap的iOS设备的聊天应用。 应用程序有一个报头,显示登录的用户,页脚,其中用户可以写上自己的文本消息,并且置于身体,这将显示消息的列表视图。
我更新到JQueryMobile(1.3.0)的最新版本,但问题仍然出现在应用程序中。 我附上一个快照显示的布局怎么变得损坏。 ( http://i.stack.imgur.com/RsLfT.png )
我尝试了几种解决方案,如制作网页不滚动(设置UIWebViewBounce为false),而不是可扩展性(用户可扩展性=无)和其他用户界面的变化,但问题没有得到解决。
有没有人有一个想法如何解决这一问题? (如后软键盘的外观刷新)
为了暂时解决此问题(因为它显示了断裂,而键盘显示),你可以在配置文件(config.xml)设置“KeyboardShrinksView”到“真”或添加:
<widget>
...
<preference name="KeyboardShrinksView" value="true" />
<plugins>...
现在您可以添加:
document.body.scrollTop = 0;
每当输入字段临危模糊事件。
我在使用Twitter的引导3同样的问题。
添加:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
解决了这个问题对我来说。
我所接触的PhoneGap支持,他们得知适当的修复,预计在PhoneGap的2.6版本做关于这个问题
我固定它使用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;
}
}
当键盘弹出屏幕高度的变化
科尔多瓦/ 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