footerMenu

JavaScript

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

footerMenuはスクロールするとフッターメニューを表示させることができるシンプルなjQueryプラグインです。スクロール時にヘッダーではなく、フッターを固定させて表示させたいという方にはピッタリのプラグインですね。

footerMenu

デモ

デモでは、下にスクロールしていくとフッターメニューが滑らかなスライドアップとともに表示されます。逆に一番上までスクロールすると、今度はスライドダウンしながらフッターメニューが非表示になります。

自然な感じでさりげなくメニューが表示・非表示されるので、煩わしく感じることも少ないのではないでしょうか。

スクロールでメニューが固定表示されるので、いつでも各メニュー項目にアクセスできるのが便利ですね。シンプルで利便性も高い機能だからこそ、活用してみたくなります。

というわけで、スクロールでフッターメニューを表示させたい方は、ぜひチェックしてみてはいかがでしょうか。

footerMenu

ソニー CP-S5スマフォ約2回充電できるソニーの薄型モバイルバッテリー「CP-S5」前のページ

ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」次のページSpring Loaders

関連記事

  1. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  2. JavaScript

    JavaScriptの関数のスコープについてちょっと確認してみる

    JavaScriptの関数のスコープを確認、整理する意味で記事にしてみ…

  3. Bootstrap Dropdown Hover
  4. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  5. JavaScript

    ボタンやアイコンに素敵なクリックエフェクトを実装できる「Waves」

    ボタンやアイコンに素敵なクリックエフェクトを実装することができる「Wa…

  6. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP