html开发，在ios中当软键盘弹出后，position：fixed失效

昨天在开发中碰到一个这样的问题，我的input标签的外面的div的css是

position：fixed

但是当我用ios系统弹出软键盘的时候，出现的这样的情况

当键盘出来的时候，红色的div不见了。然后我就查了一下，是ios里面的就有这个bug。我就试了很多网上的方法都是不行。发现只有ios这样，安卓没有。我就做了个兼容判断

//评论输入框
        var interval
        $("#shuruk").focus(function () {
            if (/iphone|ipad|ipod/.test(ua)) {
                interval = setInterval(function() {
                    document.body.scrollTop = document.body.scrollHeight
                }, 100)
            } else if (/android/.test(ua)) {

            }

        })

        //消息框失去焦点
        $('#shuruk').blur(function(){
            clearInterval(interval);
        })

这样