Fiddle

Question

我正在制作一个带有固定标题的单页视差网站。我想知道是否有任何方法可以将标题固定在所有部分的顶部，所以当我滚动时它会保持在顶部，但是当我移动到另一个部分时，它会再次出现在该部分的顶部。

Answer 1

在CSS中使用position: fixed应该将元素保留在视口中的特定位置。

position: fixed;
top: 0px;
left: 0px;

Answer 2

尝试

position: fixed;

表示css中的标题div。

Answer 3

<强> HTML

<div id="Header">
</div>
<div id="body">
</div>

<强> CSS

*
{
    margin:0;
    padding:0;
}

#Header
{
    position:fixed;
    width:100%;
    height:100px;
    background-color:#333;
}
#body
{
    border:5px solid #1bafcc;
    margin:0px auto;
    padding:10px;
    width:1000px;
    padding-top:50px;
    height:600px;
    z-index:-600;
    position:relative;
}

Fiddle

Answer 4

我认为他要问的是几个固定的标题取决于页面中的滚动位置，其中下一部分将超过上一部分。

要在滚动时粘贴多个固定标题，您需要使用javascript。如果你每页只做一个标题，那就不是问题了。有一些实验性的CSS位置，但它们很早，浏览器支持仍然很差。

见Sticky Positions

修复了每页上的标题

4 个答案:

Fiddle