Javascript 如何实现Facebook聊天垂直滚动条风格?

Javascript 如何实现Facebook聊天垂直滚动条风格?,javascript,jquery,html,css,scrollbar,Javascript,Jquery,Html,Css,Scrollbar,可能重复: 我正在实现一个div,其内部内容为overflow-y:auto。但我需要改变滚动条的样式,使其类似于Facebook聊天滚动条样式 代码: 一些内容 一些内容 一些内容 一些内容 一些内容 如何为最外层的div设置垂直滚动条的样式,使其样式与facebook的样式相同?请看:我认为这必须为每个浏览器引擎分别设置样式。对于Chrome和Safari,这里有一个非常好的描述,说明了如何做到这一点。 我试着摆出一些风格。但我不能减少和使它薄如Facebook聊天垂直滚动条。溢出:自

可能重复:

我正在实现一个div,其内部内容为overflow-y:auto。但我需要改变滚动条的样式,使其类似于Facebook聊天滚动条样式

代码:


一些内容
一些内容
一些内容
一些内容
一些内容

如何为最外层的div设置垂直滚动条的样式,使其样式与facebook的样式相同?

请看:

我认为这必须为每个浏览器引擎分别设置样式。对于Chrome和Safari,这里有一个非常好的描述,说明了如何做到这一点。

我试着摆出一些风格。但我不能减少和使它薄如Facebook聊天垂直滚动条。溢出:自动;滚动条面颜色:#C4;滚动条基本颜色:#f6f6f6;滚动条箭头颜色:#C4;滚动条轨迹颜色:#f6f6f6;滚动条阴影颜色:#C4;滚动条高亮显示颜色:#C4;滚动条-3dlight-color:#C4;滚动条黑色阴影颜色:#C4C4;是的,我可以使用它,但在IE中,我总是被要求允许由于第三方jquery而被阻止的内容弹出,有什么方法可以避免吗?除了更改IE浏览器设置外,您是否在自己的服务器上添加了文件?我不明白为什么IE会阻止这个。
<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>