这是一个很诡异的问题。
我的iPhone4S
和iPad Air
未出现被虚拟键盘遮挡的问题。
同事的iPhone4
和iPad
和三星
和iPhone5S
会出现被虚拟键盘遮挡的问题。
我想这个情况应该由操作系统来处理的,当输入组件focus
后,虚拟键盘弹起并把网页向上推一定距离(或者调整输入组件在合适的位置)。是这样的吗?
另外,遇到输入框被虚拟键盘遮挡的问题该如何解决呢?
在设计上解决这个问题,不让输入框位于半屏下。万能的传送门:http://my.oschina.net/cjlice/blog/625526
focus时让页面滚上去,让输入框露出来呗。。
应该是 body
的高度为 100%
导致的。
js
if (isAndroid) { var windowHeight = document.documentElement.clientHeight; document.body.style.height = windowHeight + 'px'; }
可能会引起其它一些副作用,我也正在着手解决这个问题。