如何实现脸书聊天垂直滚动条样式

How can I implement Facebook chat vertical scrollbar style?

本文关键字：聊天 垂直 滚动条 样式 何实现 实现      更新时间：2023-09-26

可能的重复项：
Facebook在股票代码和聊天侧边栏中的水平滚动条

我正在实现一个内部内容为 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>

如何为最外层的div 设置垂直滚动条样式，样式与 facebook 相同？

看看： http://areaaperta.com/nicescroll/demo.html

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

相关文章：