首页 > WEB开发中,输入框被弹起的虚拟键盘遮挡住了?

WEB开发中,输入框被弹起的虚拟键盘遮挡住了?

这是一个很诡异的问题。
我的iPhone4SiPad Air未出现被虚拟键盘遮挡的问题。
同事的iPhone4iPad三星iPhone5S会出现被虚拟键盘遮挡的问题。

我想这个情况应该由操作系统来处理的,当输入组件focus后,虚拟键盘弹起并把网页向上推一定距离(或者调整输入组件在合适的位置)。是这样的吗?

另外,遇到输入框被虚拟键盘遮挡的问题该如何解决呢?


在设计上解决这个问题,不让输入框位于半屏下。万能的传送门:http://my.oschina.net/cjlice/blog/625526


focus时让页面滚上去,让输入框露出来呗。。


应该是 body 的高度为 100% 导致的。

jsif (isAndroid) {
    var windowHeight = document.documentElement.clientHeight;
    document.body.style.height = windowHeight + 'px';
}

可能会引起其它一些副作用,我也正在着手解决这个问题。

【热门文章】
【热门文章】