Css 水平parralax响应网站中的固定标题

这是一个例子

在本例中，我尝试将页眉作为页脚显示。全宽，顶部位置固定。

问题是，我让这个网站的水平导航响应：如果我水平滚动，标题结束。如果我试图将标题显示在固定/绝对顶部位置，它将杀死它

其目标是使收割台响应性调整保持在全宽上止点位置

谢谢你的帮助

对不起我的英语

---

Seb.

这就是我如何让你瞄准的方法：

HTML:

---

谢谢我管理了标题组件的z索引属性，这对我来说很有用。

<header></header>
<section>
    <span>bla</span>
    <span>bli</span>
    <span>blu</span>
    ...
</section>
<footer></footer>

*{
    margin:0;
    padding:0;
}

html,body{
    height:100%;
    width:100%;
}


header,footer{
    position:fixed;
    left:0;
    width:100%;
    height:50px
}
header{
    top:0;
    background:red;
}
section{
    height:100%;
    width:4000px;
    background:green;

}
span{
    position:relative;
    top:100px;
    margin:100px;
}
footer{
    bottom:0;
    background:yellow;
}