固定位置不能用於頁眉

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

注意，該網站是有求必應，所以在768px的position: fixed踢。

Answer 1

此刻，Chrome cannot render position:fixed on elements under a transformation。刪除（無內容）

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

和它will work。