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プラグインですね。

FSVS(Full Screen Vertical Scroller)シンプルなフルスクリーンのスクロールを実装できるjQueryプラグイン「FSVS(Full Screen Vertical Scroller)」前のページ

いい感じのiPhone6・iPhone6 PlusのPSDモックアップ素材集(フリー)次のページ

関連記事

  1. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  2. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  3. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  4. jquery.adaptive-backgrounds.js
  5. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  6. jQuery googleslides

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP