Textfield不会集中在iOS7中的UI WebView中

Question

如果文本字段位于屏幕的下半部分,则文本字段不会聚焦,但如果它位于上半部分,则它可以正常工作.我在iOS7中的模拟器以及已安装的应用程序中的设备中发现了这个问题.我使用sencha touch和phonegap,但我不认为它们是问题的原因,因为即使是位于屏幕高度一半以下的简单文本域也会失败.

当我点击文本字段时,操作系统应该在键盘显示之前将文本字段推到上方.但这不会发生,而只显示键盘没有任何焦点或推动屏幕.我应该如何在iOS7中启用它,以便我可以解决问题.

谢谢

Answer 1

终于找到了问题的原因.如果您使用的是UIWebview,则应将body标签的最小高度设置为设备的内部高度.例如,适用于iPhone 4S的460px或适用于iPhone 5的520px

内高=设备高度 - 状态栏高度= 460px,它应该基本上是应用容器的高度.我把这段代码放在我的手机间隙设备就绪功能中,一切都像魅力一样

document.addEventListener("deviceready", function(){
    var body = document.getElementsByTagName('body')[0];
    body.style.minHeight=window.innerHeight + 'px';
}, false);

Answer 2

这是一个已知的iOS7错误,请尝试

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

工作对我很好,也不包括任何JavaScript.

height=device-height元标记中的设置似乎解决了这个问题.