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. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  2. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

  3. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  4. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  5. Reshader

    JavaScript

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

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

  6. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP