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); 
}