ドラッグによる大量コンテンツの表示手法 - jQuery+CSSでコンテンツをスクロールさせる

限られたスペースに大量のコンテンツを表示したい場合、タブやメニューなどの手法はともかく、iframeやoverflow:auto;などでスクロールバーを表示する手法は、ページデザインや見栄えなどを損なう心配を感じる人は少なくありません。

smashingmagazine.comというサイトで紹介され、以下のような方法が見つかりました。
１）jQuery+CSSを利用する。当然ながら、スクロールバーの見栄えはCSSによるカスタマイズは可能です。
２）画像や任意HTMLコンテンツをスクロール可能。
３）実装もそんな複雑なものではない。

イメージ：


ソース（サンプル）

実際のWebサイト：http://www.mospromstroy.com/

記事：Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites - Smashing Magazine:
※ダイナミックWebサイトを作るのに役立つ5つのCSS/jQueryコーディング技術　の
「2. Drag Controls For Oversized Content」節　部分をご参照ください。


デモソースのダウンロード

Sponsored Link