iOS上位置固定元素的滚动问题

我正在构建一个移动项目，其中有许多模块，其元素定位为固定的。我面临的问题只是在iOS上运行的浏览器上。 确切的问题是，每当我滚动页面主体（比如底部工具栏）时，整个固定元素都会随着滚动分别移动，一旦滚动完全结束，则只会返回到指定的位置

我给了页面主体一个相对的css规则。 请帮助，因为这只发生在iOS上

 .add-to-block {
    background: #fff;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: block;
    height: auto;
    width: 100%;
    *(inner content element) {
        inner content element styling...
     }
}

---

这并不是一个简单的答案，因为它在ios上已经是一个已知的问题（据说在ios 8中已修复），但这为您提供了一些修复方法：它详细说明了ios设备上的位置固定的所有问题，以及如果您需要使用它，可能的修复方法

请试试这个，来源

---

虽然我在滚动div中有固定元素（并将其向上移动），在父元素上没有转换或其他层创建属性（并在固定元素上创建了一个层），但提议的解决方案都不适用于我

---

我的解决方案是将固定元素更改为

位置：粘性
Safari允许您滚动超出固定div的限制，以使其具有良好的弹性效果。但当您滚动到此点之后，如果有一个可滚动的容器，则随后的触摸事件将传递到此点。因此，在控件返回到固定div之前，滚动在一段时间内不会执行任何操作

修复方法是为容器div提供
overflow-y:hidden
样式，这样Safari就不会放弃操作，我们将继续与固定div交互。
添加
高度：100%
和
overflow:auto
用于
固定的
元素

位于
的完整示例您能修复它吗？2017年，我在使用爱奥尼亚2时也遇到了同样的问题。在安卓系统中，我的导航栏工作正常，但在IOS系统中，它会随着滚动而移动，当它停止时，它会回到原来的位置。我创造了这个赏金。我也有同样的问题。我有固定的元素（Hafebar、Red John等），它们在Y轴上滚动变换（因此我不能使用下面的帖子），在X轴上固定位置固定。当快速滚动X时，固定元素（Hafebar、Red John等）随着滚动移动，并在我停止滚动时返回到原始位置。我曾经遇到过同样的问题，我只是将固定元素从scroll-able-div中移除，这解决了我的问题。如果可能的话，您也可以尝试一下。希望它能帮我节省很多时间。
    .add-to-block {
        transform: translate3d(0,0,0);
        .....
        .....
    }