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

来源:互联网 发布:mac连wifi需要wpa2密码 编辑:程序博客网 时间:2024/06/01 09:39

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)
阅读全文
0 0
原创粉丝点击