[英]CSS Fixed Position Div Scrolls with Page on iOS then returns to the correct position
我的固定頁眉和頁腳向上/向下滾動頁面內容時出現問題,然后在滾動停止后返回。 至少我知道,它僅在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>
嘗試添加-webkit-transform: translate(0, 0);
到.toolbar-wrapper
。
我有一個類似的問題,當向上滾動時,固定位置元素在頁面中間被“卡住”。 我相信添加轉換會迫使ios野生動物園使用硬件加速-但是我對此可能是錯的。
希望有幫助!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.