// 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); //关键代码
android没有输入焦点类控件的输入法调用 Android 手机下输入框获取焦点时 输入法会挡住输入框...