iOS Safari粘性输入在底部不需要的空白处

Question

所以我在页面底部有一个输入，定位如下：

    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;

当我在iOS Safai上打开键盘时，输入下方没有多余的空格。您可以从中向上滚动，但它不应该在那里。

突出显示来自Safari Dev控制台，我突出显示了HTML，所以多余的空格不是我认为的HTML / CSS引起的。

这在Android上不会发生。

有帮助吗？

Answer 1

当输入具有焦点时，

iOS野生动物园不遵守position: fixed。似乎正在发生的是该元素的position属性更改为static。

有一些解决方法，但是目前最终的最佳答案是不使用fixed。

其他阅读：https://medium.com/@im_rahul/safari-and-position-fixed-978122be5f29