【CSS】ヘッダーを固定する方法
よくWebサイトを作っているとスクロールしてもヘッダーを固定したい場合が出てくると思います。
その場合は以下のようにCSSを設定することで固定できます。
#header { position: fixed; }
上記のコードはidheader
を固定化するというコードです。
これでスクロールしてもヘッダーは固定化されます。
今回はヘッダーを例にしましたが、他にも応用できます。
例えば、右下に表示させるチャット画面とか。
以下のサイトとかは採用してますね。