input 框被键盘遮挡

e为input框的序号

方法一:解决了部分浏览器的问题,比如uc,但是手机自带浏览器还是有问题的,比方说荣耀

var inputs = document.getElementsByTagName('input')[e];//input被键盘遮挡
setTimeout(function() {
inputs.scrollIntoView(true);
inputs.scrollIntoViewIfNeeded();
}, 200)

方法二:解决了自带浏览器的问题

toView: function(node) { //让input框获得焦点时出现在键盘上方
var winHeight = $(window).height(); //获取当前页面高度
$(window).resize(function() {
var thisHeight = $(this).height();
if(winHeight - thisHeight > 50) {
//当软键盘弹出,在这里面操作
$('body').css('height', winHeight + 'px');
} else {
//当软键盘收起,在此处操作
$('body').css('height', '100%');
}
});
},

 

结合方法一 和 方法二 就ok

原文地址:https://www.cnblogs.com/92xcd/p/8867447.html