上部に固定されたヘッダーメニューの作成
■やりたい事
ページスクロールしても上部に固定されたヘッダメニューの作る
■方法
メニューの要素に、下記CSSを指定。
#header { position: fixed !important; position: absolute; top: 0; left: 0; width: 100%; background-color: #000; color: #fff; height: 100px; }
■サンプル
http://sample.taitan916.info/header/
■その他
ヘッダの下にある要素に関しては100px分余白とっとかないと表示が被ってしまうので注意する。
関連記事
videoタグで表示させた動画をjQuery&CSSでフローティングビデオ対応させる方法
Web上の動画をFloatingVideo対応したいという要望を受けた。ページ上 ...
ガラケー(特にdocomo)でのCSS
PCサイトだとIEでつまずくことが多いけど、 ガラケーはdocomoが難儀やよ、 ...
CSSで1つの要素に複数classを設定して画像を入れ替える方法
メニューリンクで通常時の画像、マウスオーバー時の画像、アクティブ時の画像をそれぞ ...
Bootstrapを使用したデザインテンプレート
Bootstrapを使用してもデザインのセンス無いし、 と思っていいものはないか ...
特定のID / Classを持つタグの親要素に対してCSSを割り当てる方法
特定のID / Classを持つタグの親要素に対してCSSを割り当てたい。また、 ...