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