Firefox対応!スクロールバーをCSS+js+画像でカスタマイズする
通常IEのみで有効なスクロールバーの各種色情報の変更が、「flexcrolljs」を
使えばIE以外のブラウザー(Firefox)でも使用できるようになります。
↓IEのように、スタイルシートを設定できれば簡単なんですがね。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
scrollbar-face-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff0080;
scrollbar-3dlight-color: #ff0080;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-darkshadow-color: #ff0080;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
flexcrolljsの使い方は簡単!下記のURLからファイルをダウンロードして、必要なファイルをリンクさせてコードを追加するだけ。
バーのデザインを変更する場合は、主に画像ファイルを修正する必要がありますが、サンプルページがたくさんあるので
自分の好みに合わせたサンプルページをカスタマイズすればいいでしょう。
flexcrolljs
www.hesido.com/web.php?page=customscrollbar