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

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

解决办法：

给input加blur事件，代码如下：

$('input').on('blur', function() {

setTimeout(function(){var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;

window.scrollTo(0, Math.max(scrollHeight - 1, 0));

},100);

});

(二)ios键盘唤起，键盘收起以后页面不归位 (vue中)

问题详情描述：

输入内容，软键盘弹出，页面内容整体上移，但是键盘收起，页面内容不下滑

出现原因分析：

固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件

解决办法：

啦啦啦