如何保持我的标题静态?

时间:2014-02-01 22:05:28

标签: html5 css3

我是一名新手并致力于一个项目,以学习和提高我的网页设计技巧。我想知道如何让我的标题静态?当我向下滚动页面时它应该向下移动。有什么帮助吗?

2 个答案:

答案 0 :(得分:0)

我假设你在向下滚动页面时要求一个固定的标题。

简单的解决方案是在CSS文件中添加如下的CSS规则,并确保标题html的id定义为“yourheader”

#yourheader { position:fixed; }

我希望这会有所帮助。

答案 1 :(得分:0)

我认为这样的事情?的 Jsfiddle

position:fixed; top: 0; = Fixed to top bottom: 0; = Fixed to Bottom

左右等......

html:

<div class="header">
    This is my header!!!
</div>
<div class="content">Content goes here!!!!</div>

css:

body {
    margin:0;
}

.header
{
    background:#454545;
    position:fixed; 
    top: 0;
    width:100%;
    padding:5px;
    height: 25px;
}

.content
{
    margin: 35px;
}