iOS6,UIWebView和position:fixed
问题描述:
我们有一个PhoneGap应用程序,它具有导航栏和标签栏“实现”作为具有固定位置的div(请参阅屏幕1)。iOS6,UIWebView和position:fixed
在iOS6中,显示键盘时会出现一些奇怪的行为。当我们输入第一个字母时,div将消失,并显示空白区域。当我们关闭键盘时,一切都恢复正常。
这仅发生在UIWebView中,并且不会在Mobile Safari中发生。
有没有人有类似的东西?我想我们不应该孤身一人。
屏幕截图:
答
最后,我们不得不调整这一点,隐藏在进入编辑字段并将其存储在模糊事件的注脚。不太好,但有帮助。
答
问题是jQuery mobile在操作系统向上推视图以保持输入可见的同时,从脚本设置页面高度。
一些CSS忽略jqm高度变化为我解决了这个问题。
.ui-mobile, .ui-mobile .ui-page {
min-height: 100% !important;
}
我在Safari中发现了一些可能与此有关的奇怪行为。当页面设置为固定位置并且您有一个输入字段和一个复选框时,通过选中复选框来解除键盘使页面通过键盘拉下来。为了克服这个问题,我已经转向了绝对定位而不是固定的。似乎在iOS6/Safari 6中是错误的,但在iOS5中是错误的。 – Purpletoucan