我的问题是我的固定页眉和页脚用我的页面内容向上/向下滚动,然后在滚动停止后返回。它只发生在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>
答案 0 :(得分:1)
尝试将-webkit-transform: translate(0, 0);
添加到.toolbar-wrapper
。
我遇到了类似的问题,当向上滚动时,固定位置元素在页面中间“卡住”。我相信添加转换力量使用ios safari来使用硬件加速 - 但是我可能错了。
希望有所帮助!