如何使用CSS或Javascript设置ScrollBar的样式?

时间:2015-04-11 08:44:30

标签: javascript jquery css css3

我想设置滚动条的样式,例如:改变颜色。
我使用它,它不起作用。
CSS:

scrollbar-base-color:#369;
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

顺便说一句,我希望代码与跨浏览器兼容

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

这个问题已经在SO上多次回答了,这里有几个链接,应该让你排序:

Custom CSS Scrollbar for Firefox

Customize scrollbars using CSS

Customize scrollbars using CSS

How can I create custom scrollbar for Mozilla Firefox ith CSS?

  

this应该让你入门。长话短说,一个习俗   css-styled div与JavaScript一起使用来捕获   在自定义div上单击并拖动事件。连线这些活动都是   滚动自定义滚动条div的内容的方法   已被附加到。

     

我是关于学习经历的全部 - 但是在你学会了如何之后   它的工作原理,我建议使用一个库(其中有很多)   它。它是其中之一,并没有彻底改造"事情...

以上是answer的引用。

但是如果你匆忙并希望跳过学习阶段,heres一个简单易用的插件,并且必须比竞争对手更轻松。