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

  1. 微信6.7.4 H5页面里的select,input软键盘弹起的时候页面会上移,软键盘关闭页面不会下移。导致页面空缺了一部分。
  2. 微信6.7.3及其它版本不会有这个问题!页面会随着软键盘关闭而下移恢复正常!

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

最新ios的微信6.7.4版本,在input收起键盘后,键盘区会有个遮挡区域。

照上面的回答里

            $('textarea').on('blur',function(){
                setTimeout(function(){
                    window.scrollTo(0, 0)
                },100)
            })

亲测有效

键盘添加blur事件 window.scrollTo(0, 0)
建议设置延时100

//滚动到顶部

window.scrollTo(0, 0);

//滚动到底部

window.scrollTo(0, document.documentElement.clientHeight);

转载于:https://segmentfault.com/q/1010000017160455

你可能感兴趣的:(浏览器兼容问题)