2015-09-26 90 views
1

我的視差滾動網站有問題。我需要在網站頂部創建一個固定標題,但它不會保持「固定」。視差滾動固定標題

鏈接到這裏全碼: http://jsfiddle.net/ressy0101/sx4ukc1c/5/

#header{ 
position: fixed; 
background-color: black; 
height: 50px; 
width: 100%; 
z-index: 9999; 
color:white; 
text-align:center; 
font-size:40px; 
} 
+0

你可能要檢查https://stackoverflow.com/questions/35958375/css-make-div-position固定內部div與透視特性/ – qbolec

回答

1

這是爲我工作,希望它能夠解決您的問題。

變化position:sticky;

&添加

top:0px; 

#header{ 
    top:0px; 
    position:sticky; 
} 
+0

不起作用:( – ressy

+1

粘性是最近添加,並不支持大多數瀏覽器但https://developer.mozilla.org/en/docs/Web/CSS/position#Browser_compatibility –