ウェブページ上に於いて擬似フレームを利用する場合に表示されるスクロールバーはブラウザそのものやOS環境に依存したものが表示されます。そのため、閲覧する環境によって表示にバラツキが出てしまうほか、スタイルシートで scrollbar-base-color などを設定したところでスクロールバーの根本的な形状が変更できるわけではないのでデザインを重視するようなページでは対応に苦慮するところ。 そこでご紹介したいのが『fleXcroll』。コンテンツ内のスクロールバーを JavaScript + CSS で自由にデザインできるようにしてくれます。 使い方は簡単。ダウンロードサンプルを参考にしてオリジナルスクロールバーのイメージ素材を用意し、fleXcroll のキモである "flexcroll.js" とイメージ素材に合わせたスタイルシートを HTML からリンク。あとはスクロールバーを割り当て