footerMenu

JavaScript

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

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

footerMenu

デモ

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

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

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

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

footerMenu

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

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

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

  2. socialShare.js
  3. no-image

    JavaScript

    シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」

    SkySliderはシンプルで軽量、そしてレスポンシブにも対応したイメ…

  4. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  5. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

  6. bcralnit.js

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP