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...
     }
}

请尝试这个，来源here https://stanko.github.io/ios-safari-scroll-position-fixed/

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