什么是网站标题导航的HTML / CSS,即使在滚动时始终保持在顶部?

时间:2012-07-18 02:38:50

标签: html css header

  

可能重复:
  How do I make a Div move up and down while Scrolling the page?

我想做一个100%宽度的标题导航,即使用户垂直滚动,也会保持锚定在网站顶部。有点像这个网站:

http://www.hollencrest.com/

我会谷歌但我无法提出正确的用语。

那么最简单的方法是什么?

2 个答案:

答案 0 :(得分:6)

只需将标题的位置设置为固定:

header {
    position: fixed;
    top: 0; left:0; right: 0;
}

这是小提琴:http://jsfiddle.net/M9RHn/


P.S。请记住从顶部偏移您的网页内容,以便在用户开始滚动之前标题不会涵盖任何内容。

答案 1 :(得分:2)

在标题类中添加这些属性

.header {position:fixed;顶部:0; z-index:99;宽度:100%;}