• TOP
  • NOTES
  • ヘッダーナビゲーションのサンプル集

NOTES

ヘッダーナビゲーションのサンプル集

ヘッダーナビゲーションのアクション例一覧です。


このエントリーをはてなブックマークに追加

HTML・CSS・JavaScriptを使ったヘッダーナビゲーションのサンプルです。
コピペですぐにご使用いただけます。

途中から固定されるナビゲーション

ヘッダーまでスクロールすると、それ以降はトップに固定されるナビゲーションです。

タブがスライドするナビゲーション

コンテンツまでスクロールすると、該当コンテンツに合わせてナビゲーションのラインがスライドします。かつ、ヘッダーを過ぎた後はトップに固定されます。

特定位置までスライドすると形が変化するナビゲーション

特定位置までスクロールすると、ナビゲーションの形、フォント・hoverの色が変化します。