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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

Answer 4

在高度的布局上写死，overflow:scroll

Answer 5

if (/Android/gi.test(navigator.userAgent)) {

        console.log('01');
        window.addEventListener('resize', function () {
          console.log('02');
          if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
            window.setTimeout(function () {
              console.log('03');

              document.activeElement.scrollIntoViewIfNeeded();
            }, 0);
          }
        })
      }

Answer 6

isAndroid是什么呢