1

重複の可能性:
ページのスクロール中に Div を上下に移動するにはどうすればよいですか?

ユーザーが垂直方向にスクロールしても、サイトの上部に固定されたままの 100% 幅のヘッダー ナビゲーションを実行したいと考えています。このサイトのようなもの：

http://www.hollencrest.com/

私はそれをグーグルで検索しますが、正しい用語を思い付くことができません。

では、これを行う最も簡単な方法は何ですか?

4

2 に答える 2

6

Simply set the header's position to fixed:

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

Here's the fiddle: http://jsfiddle.net/M9RHn/

P.S. Remember to offset your page content from the top, so that the header does not cover any content before the user starts scrolling.

于 2012-07-18T02:41:09.877 に答える
2

これらのプロパティをヘッダー クラスに追加します

.header {位置: 固定; 上:0; Z インデックス: 99; 幅: 100%;}

于 2012-07-18T04:59:39.183 に答える