Android 手机下输入框获取焦点时, 输入法会挡住输入框

// Android 手机下输入框获取焦点时, 输入法会挡住输入框 // 解决方法: // Android 手机下, input 或 textarea 元素聚焦时, 主动滚动

if (/Android/gi.test(navigator.userAgent)) {
    window.addEventListener('resize', function () {//document.activeElement该对象可以获取当前页面活动的元素
        if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {
            window.setTimeout(function () {
                document.activeElement.scrollIntoViewIfNeeded();
            }, 0);
        }
    })
}

下面时网上找到的另外一种方法。

//软键盘遮掉输入框处理方法
$("input").focus(function(){
var num = $(this).offset().top-header_h;
$("html,body").animate({scrollTop:num},800);
});  //关键代码

把这段代码加到页面上，一开始会滚动，而且有效果。在安卓手机效果就没了。 安卓手机body或者是外层高度的高度要重新赋值，安卓手机高度要通过获取window的高度 然后赋值给body或者最外层div 代码如下

var win_h = $(window).height();  //关键代码
$("body").height(win_h);  //关键代码

转载于:https://my.oschina.net/u/2417339/blog/852634