h5输入框调起ios端键盘fixed失效

最新推荐文章于 2024-05-09 09:50:03 发布

dafugagaga

最新推荐文章于 2024-05-09 09:50:03 发布

阅读量2k

点赞数

文章标签： input fixed失效 ios键盘

本文链接：https://blog.csdn.net/dafugagaga/article/details/78126722

版权

h5页面在ios端webview中输入框异常。input框fixed在页面底部，ios端如果是手机自带输入法，输入框第一次获得焦点时会出现在键盘上部之后立马被隐藏，再获得焦点时则正常贴在键盘上部，但是如果是第三方输入法（这里我遇到的是搜狗输入法），输入框就完全被隐藏，换成absolute定位也不行，完美方案：


.footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    }
.inputBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


<body>
    <div class="footer">
        <div class="inputBox">
            <input type="text" placeholder="请输入内容"/>
        </div>
    </div>
</body>

// js 一定要写

var interval = setInterval(function() {
    document.body.scrollTop = document.body.scrollHeight
}, 500)