Page Stack Navigation

JavaScript

ページをスタッキングできる「Page Stack Navigation」

Page Stack Navigationはページをスタッキングできるナビゲーションを実装できます。メニューを選ぶ際に複数のページが立体的に重ねられた状態になります。変わったナビゲーションを実装したいときによさそうですね。

Page Stack Navigation

デモ

メニューアイコンをクリックすると、スタッキングされたページを俯瞰して見ることができます。メニュー項目から選択したり、スタッキングされたページを直接選択できたりもします。

スクロールではなく、ページ単位でコンテンツを見せたいときなんかに便利ですね。

Page Stack Navigation

関連記事

  1. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  2. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  3. FREVR

    JavaScript

    シンプルな無限スクロールを実装できるjQueryプラグイン「FREVR」

    FREVRはシンプルで軽量な無限スクロールの機能を実装することができる…

  4. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  5. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP