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. jQuery touchSwipe Carousel
  2. topbar

    JavaScript

    画面上部に美しいプログレスバーを表示できる「topbar」

    topbarは、ページ読み込み時に画面上部に美しいプログレスバーを表示…

  3. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  4. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  5. animateClick

    JavaScript

    ボタンクリック時にアニメーションをつけれる「animateClick」

    animateClickはボタンをクリックしたときにアニメーションをつ…

  6. Effect Ideas for Card Stacks

コメント

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

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

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP