如何使用CSS / CSS3制作固定的导航栏?

时间:2014-03-03 14:01:47

标签: html css

嘿大家如何制作一个固定在顶部的水平导航栏,当你向下或向上滚动导航栏时,这类似于Facebook的设计和http://naldzgraphics.net

2 个答案:

答案 0 :(得分:3)

您可以使用一些简单的CSS

将元素固定到与滚动无关的页面上的某个位置
#element
{
    position: fixed;
    top: 10px; /* Fix element 10px from the top of the browser window */
    left: 10px; /* Fix element 10px from the left of the browser window */
}

答案 1 :(得分:2)

使用CSS属性position:fixed;

#header {
    position: fixed;
    background-color: blue;    
}

http://jsfiddle.net/j88QA/1/