苹果系统 IOS 12 的H5 BUG ：键盘把页面顶上去了，底下留有一块空白区域

Posted 2021-01-31 哈哈敲敲

苹果以往的系统是没问题的，一般情况下，点击input唤起键盘后是会自动显示到输入框的地方，然后收起键盘页面就会恢复到底部。

但是如果苹果是已经更新到最新的ios12的话就会发生一个BUG ，就是键盘唤起后把页面顶上去，然后把键盘收回去后页面却回不来了，保持着被顶起的状态，原本键盘的地方留出一块空白。

BUG解决：

拿了5台苹果测试了同一个页面，旧版的系统的确没有发生这种情况，最终确定是IOS最新系统的问题。

解决方法就是在input失去焦点的时候（就是收起键盘时）让页面滚动到顶部。

适用：微信H5/移动端页面

document.getElementById(‘#input‘).addEventListener(
‘blur‘,
function(){
window.scrollTo(0,0)   //页面滚动到顶部
},
false
)