固定位置不适用于标题

Question

我正在尝试创建一个非常简单的效果，当您向下滚动页面时导航会粘到页面顶部。我所要做的就是将“position：fixed”设置为我目前拥有的标题。出于某种原因，它将它视为“位置：绝对”元素与固定元素。我在页面上的其他元素上尝试了相同的效果，所以我必须在我的HTML或CSS代码中有一些导致问题的东西。有什么想法吗？

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

标题CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

请注意，该网站具有响应能力，因此position: fixed会在768px处启动。

Answer 1

目前，Chrome cannot render position:fixed on elements under a transformation。删除（无内容）

-webkit-transform: translate3d(0, 0, 0);

和它will work。