【问题标题】:What is the HTML/CSS for a website header navigation that always stays at the top even when scrolling? [duplicate]什么是网站标题导航的 HTML/CSS,即使在滚动时也始终保持在顶部? [复制]
【发布时间】:2012-07-18 12:59:39
【问题描述】:

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

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

http://www.hollencrest.com/

我会用谷歌搜索,但我想不出正确的术语。

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

【问题讨论】:

    标签: html css header


    【解决方案1】:

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

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

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


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

    【讨论】:

      【解决方案2】:

      在头文件中添加这些属性

      .header {位置:固定;顶部:0; z指数:99;宽度:100%;}

      【讨论】:

      • z-index 不是必需的,它只是为了确保您的标题显示在所有图层的顶部。
      猜你喜欢
      • 2016-12-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-21
      相关资源
      最近更新 更多