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

Question

大家好，你怎么做一个固定在顶部的水平导航栏，当你向下或向上滚动时，导航栏就会跟着走，这与Facebook的设计和 http://naldzgraphics.net 相似

Answer 1

您可以使用一些简单的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 */
}

Answer 2

使用 CSS 属性position:fixed;

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

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