微信浏览器H5页面软键盘关闭导致页面空缺的问题

[cklwblove]

问题场景

• 微信 H5 页面里的 select, input, textarea 等输入框软键盘弹起的时候页面会上移，软键盘关闭页面不会下移，导致页面空缺了一部分
• 微信打开网页键盘弹起后页面上滑，导致弹框里的按钮，输入框等响应区域错位

解决方案

$('textarea').on('blur',function(){
  setTimeout(function(){
    // 滚动到顶部
    window.scrollTo(0, 0);
    // 滚动到底部
    // window.scrollTo(0, document.documentElement.clientHeight);
  },100)
})

重点是：添加 blur 事件 window.scrollTo(0, 0)

---

相关链接

1. 微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位