在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

请试试这个,来源这里

    .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 设备上固定位置的所有问题以及可能的修复方法（如果您需要使用它）。