スクロールしてナビゲーションのメニューバーが一番上にきたときに、
固定されるというスクリプトを導入してみました。
DEMOはこのサイトで稼働中です。
原理は簡単らしいのですが、自分で書けるはずもなく
例によって親切な方がアップされている
スクリプトを使わせて頂いています。
メニューバーの幅が100%ではなく、しかも中央に持ってきたい場合は
CSSの設定もちょっとパズル的な要素がありますね。
メニューバーより上の部分を最初から固定するよりも
この例のようにした方が、表示できる部分が広がってスマートな感じがします。
もう一つ良い点を挙げるなら、前回の例だとdisplay:noneの部分を別に用意する必要がありますが、
この例ではその必要がありません。
まあ、他人が見て導入してみたくなるようなスクリプトを一度で良いから
自分で書いてみたいもんです。