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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3360 天前的主题，其中的信息可能已经有所发展或是发生改变。

<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 没有这个问题……

2 条回复 • 2015-10-07 19:59:23 +08:00

ljcarsenal

2015-10-07 11:47:14 +08:00 via Android

监听 input focus 事件改 padding

dblue

2015-10-07 19:59:23 +08:00

@ljcarsenal 怎么知道 padding 是多少呢？搜了貌似没有啥好办法知道虚拟键盘多高呢。。。