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/