[css] 在 iPhone 的浏览器里， fixed header 如何能够在激活底部输入框，出现了虚拟键盘导致页面高度不够，维持 header 的 fixed 相对屏幕的位置不变？

2015-10-06 19:26:45 +08:00
 dblue
<body>
    <div id="fixed top0">
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </div>
    <div class="absolute bottom0 height45px">
      <input type="text">
    </div>
</body>

如果点击 text ，虚拟键盘在 ios 下面拉出来，会把整个页面都挤上去。。如何才能这时依然贴着窗口顶部呢？搜了一下貌似让他跟着挤上去才是一般地做法。。（但不符合这个应用的交互要求）

在 android 没有这个问题……

1681 次点击
所在节点    问与答
2 条回复
ljcarsenal
2015-10-07 11:47:14 +08:00
监听 input focus 事件 改 padding
dblue
2015-10-07 19:59:23 +08:00
@ljcarsenal 怎么知道 padding 是多少呢？搜了貌似没有啥好办法知道虚拟键盘多高呢。。。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/225940

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX