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

Question

我正在建设一个移动项目，该项目有许多模块，其元素定位为固定。面临的问题仅限于在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...
     }
}

Answer 1

请试试这个，来源here

    .add-to-block {
        transform: translate3d(0,0,0);
        .....
        .....
    }

Answer 2

对于这个问题并不是一个简单的答案，因为它已经在ios上已知一段时间了（据说在ios8中修复）但是这给你几种方法来修复它：https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios它详细说明了在ios设备上固定位置的所有问题以及在需要使用它时可能的修复方法。

Answer 3

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

我的解决方案是将固定元素更改为position: sticky;