JavaScript

スクロールしても固定表示されてついてくるjQueryプラグイン「Sticky」

StickyというjQueryプラグインを使えば、スクロールしても固定表示されてついてくる機能を実装することができます。よく見かける上部に固定されたナビゲーションなどといったあれですね。あったらあったで何気に便利ですからね。

[ads_center]

Stickyの使い方

以下からダウンロード、もしくは実際のデモを確認することができます。

Sticky

Sticky

使い方は、jQuery本体とStickyを読み込みます。

<script src="jquery.js"></script>
<script src="jquery.sticky.js"></script>

あとは固定したい要素をセレクタに指定してセットするだけです。

$(document).ready(function(){
    $("#sample").sticky({topSpacing:0});
});

とても手軽で簡単に使うことができます。

メニューやボタンなど色んな要素をスクロールしてもついてくるように固定したい時に覚えておきたいjQueryプラグインですね。

関連記事

  1. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  2. characterCounter

    JavaScript

    文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

    characterCounterは文字数をカウントしてくれるシンプルな…

  3. respontent

    JavaScript

    様々なコンテンツをレスポンシブにしてくれるjQueryプラグイン「respontent」

    respontentというjQueryプラグインを使えば、画像・You…

  4. no-image

    JavaScript

    グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

    Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメ…

  5. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  6. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP