位置固定不适用于标题

Question

我正在尝试创建一个非常简单的效果，当您向下滚动页面时，导航会停留在页面顶部。我所要做的就是将“位置：固定”设置为我目前拥有的标题。出于某种原因，它更像是一个“位置：绝对”元素而不是固定元素。我在页面上的其他元素上进行了尝试，效果相同，所以我的 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 的起始像素为 768 像素。

Answer 1

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

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

它will work。