Sticky Sidebar

JavaScript

スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サイドバーを実装することができるJavaScriptプラグインです。ページを上下にスクロールしても、サイドバーが非表示にならずにしっかり追尾します。スクロールとともに消えていかないサイドバーを実装したいという人にはピッタリの機能ですね。

Sticky Sidebar

デモ

デモページを読み込むと左側にサイドバーが、右側にメインコンテンツが表示されています。下へスクロールしていくと、メインコンテンツは通常どおり徐々に上から非表示になっていきますが、「This is sticky column」と書かれたサイドバーは同じ位置に固定され、常に表示されている状態になります。

上下にスクロールしてもサイドバーが常に表示されているので、非表示にしたくないサイドバーを取り入れたい時に役立ちますね。

また、Sticky Sidebarにはオプションもいくつか用意されています。主なオプションは、topSpacing、bottomSpacing、containerSelector、innerWrapperSelectorといった項目があります。トップやボトムの余白などをオプションから手軽に調整することが可能です。

そのほか、サポートされているブラウザは、Firefox、Chrome、Safari、IE9+。ライセンスはMITとのこと。というわけで、スマートでパフォーマンス性に優れた追尾型サイドバーを実装したい人は、ぜひ「Sticky Sidebar」を使われてみてはいかがですか?

Sticky Sidebar

関連記事

  1. Chariot

    JavaScript

    Webページ内でステップごとのガイドツアーを実装できる「Chariot」

    ChariotはWebページ内でのガイドツアーを実装することができるJ…

  2. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  3. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

  4. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  5. PopCircle

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP