iOS 位置：固定和滚动

Question

我们尝试在 GMail 中实现一个操作按钮来添加新内容。 因此它必须在滚动期间固定。

就这么简单，这是 HTML：

<div class="addButton actionButton" onclick="">
    <i class="fa fa-fw fa-plus"></i>
</div>

和 CSS：

.addButton
    {
        position: fixed;
        bottom: 1em;
        right: 1.5em;
        z-index: 10;
        background-color: #00aa00;
    }

在 Android 和浏览器上，它就像一个魅力，在 iOS 中则不然。 也许添加我们得到的幻灯片视图，并且其中一个父 div 得到了一个位置：相对。

每次我们滚动时，按钮都会保持原位。 当我们使用下一张幻灯片向后滑动时，按钮是正确的。 iOS似乎没有更新视口。 有任何想法吗？

Answer 1

我遇到了同样的问题，似乎每当我在 iOS 设备中进行“模拟”时，我都会在 x 轴上看到这个小滚动条。 当你滚动时，我猜它对“位置：固定”元素有某种影响。 这总能解决我在 iOS 设备中使用“位置：固定”元素的所有问题。 html{overflow-x: hidden} body{overflow-x: hidden} 。