ios兼容 input输入时弹出键盘框页面整体上移键盘框消失后在ios上页面不能回弹的问题

佚名 6年前 (2019-04-24) 随笔 551人围观抢沙发百度已收录

前端h5混合开发手机端ios 当有input输入时，手机下方弹出键盘使页面上移，当输入完成，键盘消失后页面显示回到原位，但实际不能点击（可点击上方区域，有反应），也就是说实际是没有回弹。

解决办法：给input加blur事件，代码如下：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

$('input').on('blur', function () {
          setTimeout(function(){
            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
          }, 100);
});

就OK啦！