IOS微信6.7.4输入框是去焦点页面不回弹,键盘隐藏后留空白

最近在开发微信H5页面时遇到这个问题,如下图,

输入时候的界面,

输入后的界面,

软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这是ios的微信版本更新6.7.4之后才遇到的bug。

目前的解决办法是给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下:

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

至此,问题就得到解决了,此问题仅在微信端会出现,在浏览器端不会出现。

 

未经允许不得转载:专注于web前端开发 » IOS微信6.7.4输入框是去焦点页面不回弹,键盘隐藏后留空白
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址