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

时间:2012-04-11 08:19:34

标签: javascript jquery html css scrollbar

  

可能重复:
  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设置垂直滚动条样式?

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:0)

我认为必须分别为每个浏览器引擎设置样式。对于Chrome和Safari,这里有一个关于如何操作的非常好的描述。 http://www.webkit.org/blog/363/styling-scrollbars/