javascript - Facebookチャットの垂直スクロールバースタイルを実装するにはどうすればよいですか?

Question

重複の可能性:
ティッカーとチャット サイドバーの Facebook の水平スクロールバー

内部コンテンツを overflow-y: auto として div を実装しています。しかし、スクロールバーのスタイルを変更して、Facebook チャットのスクロールバーのスタイルに似せる必要があります。

コード：

<div style='overflow-y: auto; overflow-x:hidden;'>
<div id='divInner1'>Some Content</div>
<div id='divInner2'>Some Content</div>
<div id='divInner3'>Some Content</div>
<div id='divInner4'>Some Content</div>
<div id='divInner5'>Some Content</div>
</div>

Facebookと同じスタイリングで、最も外側のdivのスクロールバーを垂直にスタイルするにはどうすればよいですか?

Answer 1

見てみましょう: http://areaaperta.com/nicescroll/demo.html

Answer 2

これは、ブラウザ エンジンごとに個別にスタイル設定する必要があると思います。Chrome と Safari の場合、これを行う方法について非常に適切な説明があります。 http://www.webkit.org/blog/363/styling-scrollbars/