【iOS】iOS7 软键盘弹出覆盖在输入框上且无法输入内容

[gracezlj]

机型：iPhone4s 系统：iOS7 场景：手机屏幕较小，软键盘弹出时无法将页面往上滚动从而遮住了输入框，导致输入框无法focus & 无法输入内容

猜测原因：iOS7系统bug + 整个页面做成内滚动（非默认在body上）

暂时处理办法： 在meta标签中加入height=device-height & 加入以下代码可解决问题 $(window).load(function(){ $('input').focusout(function(e) {window.scrollTo(0, 0)}); })

参考：http://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/3

稍后补充截图

ps:貌似部分安卓机上也会出现，还未测试

[hite]

这个解决方案有个问题： 如果键盘的弹出遮住了输入框（很常见），那么执行了scrollTo之后，会被webview的statebar遮住，而且无法拖动下来