スクロールしても付いてくるメニュー

0pt

アメブロの一番上とか、このサイトの一番下とかにある、スクロールしても付いてくるメニューを作りたいなと思った。

調べてみたらむっちゃ簡単だった。

cssだけでいけるんだなー。

ポイントは
position:fixed;
ですね。

例えば

<ul id="navigation">
<li>ログイン</li>
<li>お問合わせ</li>
<li>サイトマップ</li>
</ul>

のように常に表示させたいメニューを常に(スクロールしても)一番上に置く場合、

#navigation {
position:fixed;
top:0px;
left:0;
z-index:1;
}


と設定する。z-indexの数値はもちろん他との関係によるが。
あとは背景色なり、ボーダーなり、いろいろ設定すればよいかと。

「スクロールしても付いてくるメニュー」について友人に書いてもらう。

あなたにとって「スクロールしても付いてくるメニュー」とは?

ログインするとワンクリックでキーワードを投稿できます

ログインする 新規登録する

他の人の「スクロールしても付いてくるメニュー」を見る