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

时间:2011-06-07 17:22:17

标签: jquery css

我的div为<div id="content">,其中包含一些<p>个标记。我按如下方式设置div的样式:

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

有没有办法可以自定义滚动条。我的意思是我想要更改滚动条颜色及其背景。

2 个答案:

答案 0 :(得分:1)

没有有效的跨浏览器代码,可以为滚动条着色。您应该尊重访问您网页的用户的UI配置。

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

答案 1 :(得分:0)

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

这就是为什么人们制作了自定义滚动条,用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;