微信浏览器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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM