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>

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

関連記事

  1. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  2. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  3. Animate Transition
  4. jQuery Pit-scheduler v2.0
  5. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  6. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

コメント

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

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

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP