iPhone網站和位置固定延遲在第一次滾動

Question

我在我的移動網站上使用css固定位置上下導航欄，我注意到我的iPhone瀏覽器（Safari和Chrome）上的一個錯誤：固定的位置是直到第一次滾動結束時才工作...然後它對所有下一個滾動都正常工作。

實施例：

http://jsbin.com/ugaraf/1

屏幕截圖：第一向下滾動期間

錯誤刷新後：http://goo.gl/yD5iz

然後工作罰款：http://goo.gl/mUKSn

你有沒有經歷過同樣的事情？有什麼辦法解決這個問題嗎？ 謝謝。

Answer 1

我有一個網站，有固定的頂部和Safari瀏覽器移動和鉻工作正常。

此特定DIV的CSS中

#navbar{ 

width:100%; 
height:80px; 
background-color:#FFFFFF; 
border-bottom:4px solid #007f3f; 
position:fixed; 
z-index:10; 

} 

在我的情況中，z索引被設置由於其它的div在一個position:relative之中。

至少對於頂級的，你並不需要top:0 嘗試沒有它，並張貼一些反饋。

乾杯。

Answer 2

這使得在iOS設備硬件加速：

.youraffixelement { 
    -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0); 
}