コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」
2013年01月30日-
スポンサード リンク
jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget
コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。
最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく3つに分かれている場合はちょっと実装が難しいかも。
そんな時に使えるのがこのプラグイン。デモページを見て頂ければ分かりますが、コンテンツごとに固定されるサイドバーをわけられるようです。

スクロールしても、サイドバー「Heading」と書かれた部分は右側に固定されて表示されます。

更にスクロールするとコンテンツが別れるので、それ以上は下に来ません。

1から実装するとなるとpositionの切り替えが結構大変で挫折しがちなこの処理もプラグインで一発。素晴らしい。
関連エントリ
コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。
最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく3つに分かれている場合はちょっと実装が難しいかも。
そんな時に使えるのがこのプラグイン。デモページを見て頂ければ分かりますが、コンテンツごとに固定されるサイドバーをわけられるようです。

スクロールしても、サイドバー「Heading」と書かれた部分は右側に固定されて表示されます。

更にスクロールするとコンテンツが別れるので、それ以上は下に来ません。

1から実装するとなるとpositionの切り替えが結構大変で挫折しがちなこの処理もプラグインで一発。素晴らしい。
関連エントリ
スポンサード リンク
Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- クリエイティブなオーディオビジュアライザー実装デモ
- Vanila.jsベースのツールチップ&ポップオーバー実装「Tippy.js」
- 日付や時間を指定するスライダーUI実装「jquery-time-slider」
- リッチなファイルアップロードウィジェットが作れる「filepond」
- フィルター可能な選択リスト作成「multi-list」
- 画像をバラバラに切り裂いて元に戻す風スライドショー
- 特定のDOMを指定して印刷することが出来るボタン「printThis」
- ページ内にインスタグラムの写真をかっこよく表示できるjQueryプラグイン「masongram」
- 軽量のスライド式サイドメニュー実装「bigSlide.js」
- ブラウザ上でテーブル編集を可能にする「tabullet」
- 過去のエントリ