为了账号安全,请及时绑定邮箱和手机立即绑定

ios input聚焦时,页面整个被推上去了

ios input聚焦时,页面整个被推上去了

牛魔王的故事 2018-12-27 22:14:49
需求其实很简单。就是在页面的底部固定一个input框,然后输入文字就可以了。 可是。。。在ios系统下。当这个input被聚焦时,整个页面都被顶上去了。。。。。。头部的内容都看不见了。请问各位有木有什么好办法可以只让这个input框被顶上去,页面其他元素的位置不变?tips:已经在网上查了好多,可是都解决不了 T.T然后我试着干脆在input focus的时候把整个页面的position改成fixed,top:0;bottom:0;然后这样的话页面确实没有被顶上去了,可是input也不上去了,被那个键盘挡住了<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>scroll</title><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><style>   .btm{       position: fixed ;       bottom:0;   }</style></head><body>    <div class="wrap" id='inp'>        <div class="content">            内容        </div>        <div class="btm">            <input type="text">        </div>    </div>    <script>    </script></body></html>
查看完整描述

2 回答

?
qdinteresting

TA贡献1条经验 获得超0个赞

我搞了两天都没搞定这个问题? 网上的全是一些答非所问的

查看完整回答
反对 回复 2019-12-25
?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

input 定位在底部别用 fixed,固定在底部可以使用 flex等其他方法


查看完整回答
反对 回复 2019-01-14
  • 2 回答
  • 0 关注
  • 1458 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信