footerMenu

JavaScript

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

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

footerMenu

デモ

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

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

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

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

footerMenu

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

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

関連記事

  1. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  2. Palette-js

    JavaScript

    美しいカラーパレッドを追加できる「Palette-js」

    Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加す…

  3. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  4. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

  5. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  6. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP