Fixit

JavaScript

要素を特定の位置に固定できるjQueryプラグイン「Fixit」

Fixitは要素を特定の位置に固定することができるjQueryプラグインです。スクロールした時に、通常なら隠れてしまう要素を固定して表示させておくことができます。

Fixit

デモ

デモでは下へスクロールしていくと複数の白黒のボックスが見えてきます。通常だと下へスクロールしていくと上まできた要素は隠れていきますが、デモでは白黒のボックスがしっかり固定されていきます。

各ボックスは特定の位置に固定されるので、応用次第でさまざまなシーンに役立ちそうですね。

また、Fixitにはオプションもいくつか用意されています。主なオプションは、topMargin、addClassAfter、sameDimension、zIndexです。各オプション項目のデフォルト値は、topMarginが0、addClassAfterがnull、sameDimensionがtrue、zIndexが0です。

そのほか、トリガされるイベントのセッティングもできます。イベントには、fixedとunfixedが用意されています。

内容は、fixedは要素が固定された時、unfexedは要素が元に戻った時です。オプションやイベントを利用してカスタマイズして使いたい人にもうれしい仕様ですね。

Fixit

Playful Little Tooltip Ideasオシャレで多彩なアニメーションが魅力のツールチップ「Playful Little Tooltip Ideas」前のページ

多彩なカスタマイズができる円形チャート「circleChart」次のページcircleChart

関連記事

  1. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  2. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  3. Expanding Bar Navigation Concept
  4. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

  5. jQuery Section Navi Plugin
  6. Tikslus Carousel

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP