iOS6,UIWebView和position:fixed

问题描述:

我们有一个PhoneGap应用程序,它具有导航栏和标签栏“实现”作为具有固定位置的div(请参阅屏幕1)。iOS6,UIWebView和position:fixed

在iOS6中,显示键盘时会出现一些奇怪的行为。当我们输入第一个字母时,div将消失,并显示空白区域。当我们关闭键盘时,一切都恢复正常。

这仅发生在UIWebView中,并且不会在Mobile Safari中发生。

有没有人有类似的东西?我想我们不应该孤身一人。

屏幕截图:

Normal ViewKeyboard open, but no text is typed inTyped text

+0

我在Safari中发现了一些可能与此有关的奇怪行为。当页面设置为固定位置并且您有一个输入字段和一个复选框时,通过选中复选框来解除键盘使页面通过键盘拉下来。为了克服这个问题,我已经转向了绝对定位而不是固定的。似乎在iOS6/Safari 6中是错误的,但在iOS5中是错误的。 – Purpletoucan

最后,我们不得不调整这一点,隐藏在进入编辑字段并将其存储在模糊事件的注脚。不太好,但有帮助。

问题是jQuery mobile在操作系统向上推视图以保持输入可见的同时,从脚本设置页面高度。

一些CSS忽略jqm高度变化为我解决了这个问题。

.ui-mobile, .ui-mobile .ui-page { 
    min-height: 100% !important; 
}