ios - CSS Fixed Position Div 在 iOS 上随 Page 滚动然后返回到正确的位置

Question

我的固定页眉和页脚随着我的页面内容向上/向下滚动，然后在滚动停止后返回时遇到问题。它只发生在 iOS 设备上，至少我知道。

这是我拥有的CSS代码：

.toolbar-wrapper {
background: #f5f5f5;
border-bottom: 1px solid #e4e4e4;
min-width: 20em;
position: fixed;
left: 0;
top: 0;
}
.wrapper {
width: 100%;
clear: both;    
}

和 HTML：

<div class="toolbar-wrapper wrapper">
    <div class="container">
        <nav id="click-menu" class="primary-nav collapsable-menu" role="navigation">
            <span class="menu-toggle">Select a Page</span>
            <div class="menu-wrap">
            </div>
        </nav>
    </div>
    <!-- .container -->
</div>

Answer 1

尝试添加-webkit-transform: translate(0, 0);到.toolbar-wrapper.

我遇到了类似的问题，当向上滚动时，固定位置元素“卡在”页面中间。我相信添加转换会迫使 ios safari 使用硬件加速 - 但是我可能错了。

希望有帮助！