iPhone 网站和位置在第一次滚动时固定延迟

Question

我在我的移动网站上使用 css 固定位置作为顶部和底部导航栏，我注意到我的 iPhone 浏览器(Safari 和 Chrome)上有一个错误:固定位置在第一次滚动结束之前不起作用。 .. 那么接下来的所有卷轴都可以正常工作。

示例:

http://jsbin.com/ugaraf/1

截图:

刷新后第一次向下滚动时的错误:http://goo.gl/yD5iz

然后工作正常:http://goo.gl/mUKSn

你有同样的经历吗？有什么办法可以解决这个问题吗？谢谢。

Answer 1

我有一个具有固定顶部的网站，并且可以在 safari 移动版和 chrome 上正常运行。

这个特定DIV的css是

#navbar{

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

}

在我的例子中，z-index 是由于其他 div 处于 position:relative 中而设置的。

至少对于最上面的那个，你真的不需要 top:0尝试不使用它并发布一些反馈。

干杯。