ios移动端软键盘收起后，页面内容不下滑

ios移动端输入内容，软键盘弹出，页面内容整体上移。
但是键盘收起，页面内容不下滑。
安卓没问题。

 <style>
.chat_footer{
    bottom:0;
    left:5%;right:5%;width:90%;
    position:absolute;
}
textarea{
    width:90%;
    padding-left: 0.1rem;
    max-height: 6.15rem;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    resize: none;
    height: 1.5rem;
    width: 100%;
    line-height: 1.5rem;
    font-size: .75rem;
    background: #efeff4;
    border-radius: .2rem;
    border: none;
    outline: none;
    height: 25px;
}
.chat_footer.on{
    border-top:1px solid #eee;
}
</style>
<body>
<div class="chat_footer on" >
    <textarea id="text"></textarea>
</div>

这应该是ios系统下，键盘事件触发，导致position:fixed失效，导致的显示问题，只需要在中间部分外层div添加css样式position:fixed;top:50px; bottom:50px;overflow:scroll;就可以实现效果。

我用的absolute啊

.chat_footer{ bottom:0; left:5%;right:5%;width:90%; position:absolute; } textarea{ width:90%; padding-left: 0.1rem; max-height: 6.15rem; border-top: 0px; border-left: 0px; border-right: 0px; resize: none; height: 1.5rem; width: 100%; line-height: 1.5rem; font-size: .75rem; background: #efeff4; border-radius: .2rem; border: none; outline: none; height: 25px; } .chat_footer.on{ border-top:1px solid #eee; }

我也是刚刚发现有这个问题，之前几天都还可以回滚到底部的，现在就不行了。怀疑是ios升级造成的

是微信升级的问题我IOS12 微信6.7.3测试OK 然后更新6.7.4 就出现这个问题了。有解决方案吗？写fixed的话空白不会出现，但是表单元素会错位。

已解决通过指令的方式在输入框input 上 v-resetInput 。
可以参考代码
原理就是添加一个input1 在顶部，在目标input 失焦的时候，使在顶部的input1进行获取焦点在失去焦点。

var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1; //android终端
    Vue.directive('resetInput', {
        // 当被绑定的元素插入到 DOM 中时……
        inserted: function (el) {
            if(isAndroid){
                return;
            }
            el.addEventListener('blur',function(){

                var input = document.getElementById('reset-input');

                if (!input) {
                    input = document.createElement('INPUT');
                    input.type = 'text';
                    input.style.height = '0px'
                    input.style.width = '0px'
                    input.style.position = 'absolute'
                    input.id = 'reset-input';
                    document.body.prepend(input);
                }

                input.focus();
                input.blur();
            })


        }
    })

代码如下：
$('input,textarea').on('blur',function(){
window.scroll(0,0);
});
$('select').on('change',function(){
window.scroll(0,0);
});
原理就是弹起键盘的时候，window.scrollY会从0变到键盘的高度（例如：200），当输入框焦点失去后让scrollY回到0就好了。

ios移动端 软键盘收起后，页面内容不下滑

ios移动端软键盘收起后，页面内容不下滑