移动端 ios键盘挡住底部 输入框的问题完美解决方案

来源:互联网 发布:杏花春雨落雪时节知乎 编辑:程序博客网 时间:2024/05/22 03:47

代码如下::

// CSS.scrollWrapper {    position: absolute;    left: 0;    right: 0;    bottom: 0;    top:0;}bottomInput {    position: absolute;    bottom:0;    left:0;    right: 0;}// HTML<body>    <div class="scrollWrapper">        <div class="bottomInput">            <input type="text" placeholder="input"/>        </div>    </div></body>// javascript// 在输入框获取焦点, 键盘弹起后, 真的是一行代码var interval = setInterval(function() {    document.body.scrollTop = document.body.scrollHeight}, 100)




产生原因 :  1、在 移动端 (ios)flex属性失效,被编译成 absolute
2、 有第三方输入法的ios机还会出现键盘弹出延迟,导致普通布局 输入框(input/textarea等) 位置靠下的被键盘挡住,



产生原因 : 
原创粉丝点击