【发布时间】:2012-07-18 12:59:39
【问题描述】:
可能重复:
How do I make a Div move up and down while Scrolling the page?
我想做一个 100% 宽度的标题导航,即使用户垂直滚动,它也能保持锚定在网站顶部。有点像这个网站:
我会用谷歌搜索,但我想不出正确的术语。
那么最简单的方法是什么?
【问题讨论】:
可能重复:
How do I make a Div move up and down while Scrolling the page?
我想做一个 100% 宽度的标题导航,即使用户垂直滚动,它也能保持锚定在网站顶部。有点像这个网站:
我会用谷歌搜索,但我想不出正确的术语。
那么最简单的方法是什么?
【问题讨论】:
只需将标题的位置设置为固定:
header {
position: fixed;
top: 0; left:0; right: 0;
}
这是小提琴:http://jsfiddle.net/M9RHn/
P.S.请记住从顶部偏移页面内容,以便在用户开始滚动之前标题不会覆盖任何内容。
【讨论】:
在头文件中添加这些属性
.header {位置:固定;顶部:0; z指数:99;宽度:100%;}
【讨论】: