固定位置不适用于标题

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无法position:fixed在转化下渲染元素.删除(无内容)

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

它会起作用.