回る男の備忘録

どこかでプログラム書いてシャニマスして野球見てTwitterやってる人間の駄文

【CSS】ヘッダーを固定する方法

よくWebサイトを作っているとスクロールしてもヘッダーを固定したい場合が出てくると思います。
その場合は以下のようにCSSを設定することで固定できます。

#header {
  position: fixed;
}

上記のコードはidheaderを固定化するというコードです。
これでスクロールしてもヘッダーは固定化されます。

今回はヘッダーを例にしましたが、他にも応用できます。
例えば、右下に表示させるチャット画面とか。
以下のサイトとかは採用してますね。

techacademy.jp