H5软键盘唤起后遮挡输入框问题解决
2019-11-25 本文已影响0人
Anna_Hu
移动端软键盘唤起后遮挡输入框的问题困扰了很多人，经过多次尝试，最终解决了该问题，对目前已有机型的支持性良好。
直接修改document.body.scrollTop有时不生效，所以多设置几次，别忘了输入框离开焦点时及时清除定时器哦~
var timer =null;
$('.input').focus(function(){
var n =0
timer = setInterval(function(){
if(n <3) {
n++ }
else{
clearInterval(timer)
}
document.body.scrollTop =document.body.scrollHeight
},300)})
$('.input').blur(function(){
if(timer) {
clearInterval(timer)
}
})
