stickUp

JavaScript

スクロールしても常にナビゲーションメニューが上部に固定されるjQueryプラグイン「stickUp」

stickUpというjQueryプラグインを使えば、スクロールしてもナビゲーションメニューを常に上部に固定配置させることができます。ブラウザのウィンドウの上部に常にメニューがある状態なので、いつでも他のメニュー項目に移動できるのが便利ですね。

[ads_center]

stickUpの使い方

stickUp

stickUp

jQueryを読み込んだ状態で、以下のようにプラグインファイルを読み込みます。

<script src="js/stickUp.min.js"></script>

で、stickUpをセット。

<script type="text/javascript">
jQuery(function($) {
    $(document).ready(function() {
        $('.navbar-wrapper').stickUp();
    });
});
</script>

上部固定メニューは利便性が高そうなのでどこかで使ってみたいですね。

Freewallレスポンシブ対応のグリッドレイアウトを実装できるjQueryプラグイン「Freewall」前のページ

Photoshopで写真の特定の部分を明るく(または暗く)する方法次のページPhotoshopで部分的に明るく(または暗く)する方法

関連記事

  1. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  2. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

  3. Justified Gallery
  4. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  5. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  6. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP