在safari iOS上打开键盘时,我们可以阻止浏览器滚动整个布局吗?

时间:2016-07-10 23:20:20

标签: ios css iphone mobile mobile-safari

我有一个带有div.header和div.body的布局,里面有一个表单和一些输入。

div.header是绝对位置,div.body也是如此。 两者都处于同一水平,一个在另一个之下,具有高度,并且当内容大于高度时可以滚动。

<div class="header">HEADER</div>
<div class="body">BODY</div>

因此,当div.container有很多内容时,我们可以滚动内容。标题将保持不变,因此它看起来像是坚持到顶部。

我的问题是在safari iOS上,看起来在键盘输入后打开键盘时,我们突然可以滚动整个布局。所以div.header向上移动。有没有办法禁用它?

在android上,只有div.body可以滚动。所以标题看起来很粘。

0 个答案:

没有答案