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. jQuery.fontFlex
  2. no-image
  3. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  4. Nivo Zoom

    JavaScript

    Lightbox風に画像をズームして表示させるjQueryプラグイン「Nivo Zoom」

    Lightbox風に画像をズームして表示させるjQueryプラグイン「…

  5. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP