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

Question

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

Answer 1

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

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

照上面的回答里

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

亲测有效

看楼下写的，更完善

Answer 2

上面的方法可以实现，但是同页面有两个以上输入框，当输入完第一个未关闭软键盘就去点第二个输入框的时候，页面回滚到顶部，导致输入框被软键盘盖住；所以改写了一下。

$("input,textarea").on("blur",function(){
    setTimeout(function(){
        window.scrollTo(0,0);
    },100)
}).on('focus',function(){
    var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    var offsetTop = $(this).offset().top - (clientHeight / 4);
    setTimeout(function(){
        window.scrollTo(0,offsetTop);
    },100)
})

Answer 3

no img say jb

Answer 4

按上面的方法解决了，谢谢大神