使用css/jquery自定义垂直滚动条

Question

我有一个div为<div id="content">，其中有一些<p>标签。我设置div的样式如下：

#content{ 
    height:200px; 
    overflow-y:scroll; 
} 

有没有一种方法可以自定义滚动条。我的意思是我想改变滚动条的颜色以及它的背景。

Answer 1

没有有效跨浏览器的代码，其能够着色的滚动条。您应该尊重正在访问您的页面的用户的UI配置。

也许你想拥有完全可定制的jQuery滚动条：http://www.net-kit.com/jquery-custom-scrollbar-plugins/

Answer 2

滚动条是通过操作系统生成的，您无法控制它们。

这就是为什么人们使用javascript生成自定义滚动条。

有很多的小自定义你可以做的资源，只是谷歌它。

IIRC，可以只能修改IE滚动条经由东西一样

scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f;