我需要实现Facebook聊天垂直滚动条样式。我该如何实现呢？

Question

  

可能重复：
  Facebook's horizontal scrollbar in ticker & chat sidebar

我正在实现一个div内部内容为overflow-y：auto。但我需要更改滚动条的样式，使其类似于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/