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. Letter Effects and Interaction Ideas
  2. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  3. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  4. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  5. JavaScript

    複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」

    複数あるカラムをレスポンシブに対応させるためのjQueryプラグイン「…

  6. Accessible Mega Menu

最近の記事

  1. 高輪ゲートウェイ駅のスタバ
  2. 新幹線
  3. リッチモンドホテル
  4. ハーブバターチキン 石窯フィローネとドリップコーヒー
  5. 中洞牧場 グラスフェッド牛乳

アーカイブ

PAGE TOP