视差滚动固定标题

时间:2015-09-26 20:43:36

标签: scroll header css-position parallax

我的视差滚动网站有问题。我需要在网站顶部创建一个固定的标题,但它不会保持“固定”。

此处链接到完整代码: 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;
}

1 个答案:

答案 0 :(得分:1)

这对我有用,希望它能解决您的问题。

更改position:sticky;

&安培;添加

top:0px;

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