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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a007x0604/article/details/78374084
昨天在开发中碰到一个这样的问题,我的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);
        })


这样
展开阅读全文

没有更多推荐了,返回首页