webview键盘收回，页面发生错乱

Question

在开发移动端h5页面时出现一个很严重的问题：

在webvieww中，点击输入框，弹出键盘，页面上移，键盘收回的时候，页面会下沉一段距离，但是按钮输入框的作用位置还是在原有位置（通俗点讲就是，在原来按钮、输入框的位置点击，还会实现原有功能），这种异常的情况出现不规律，并不会每次触发，请各位大神看下有没有类似的情况和解决方案，万分感激

Answer 1

可能这些是你想要的H5软键盘兼容方案

Answer 2

<script>
var u = navigator.userAgent;

if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){//判断是否为ios
    window.addEventListener('focusout', function () {
    setTimeout(()=>{
        window.scrollTo(0 ,document.documentElement.scrollTop || document.body.scrollTop);
    })
  });
}

</script>