H5软键盘唤起后遮挡输入框问题解决

移动端软键盘唤起后遮挡输入框的问题困扰了很多人,经过多次尝试,最终解决了该问题,对目前已有机型的支持性良好。

直接修改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)

    }

})


你可能感兴趣的:(H5软键盘唤起后遮挡输入框问题解决)