如何使用 CSS 或 Javascript 设置 ScrollBar 的样式？ [复制]答案

【问题标题】：How to style the ScrollBar using CSS or Javascript? [duplicate]如何使用 CSS 或 Javascript 设置 ScrollBar 的样式？ [复制]
【发布时间】：2015-06-17 00:37:06
【问题描述】：

我想设置滚动条的样式，例如：更改其颜色。
我用这个，它不起作用。
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

顺便说一下，我想要跨浏览器兼容的代码

有人可以帮忙吗？

【问题讨论】：

这些都是非标准的。它们应该不起作用。
滚动条是一个原生的 GUI 小部件。除非你是 myspace2，否则你为什么要对你的用户这样做？
link 我是从链接中得到的。
“滚动条颜色显示在 Internet Explorer 5.5+ 中。其他浏览器会看到默认的灰色滚动条。”
@xufox 就像在说“如果你想知道如何测血压，就去医学院”

标签： javascript jquery css

【解决方案1】：

这个问题已经在 SO 上多次回答了，这里有一些链接，应该可以帮助你分类：

Custom CSS Scrollbar for Firefox.

Customize scrollbars using CSS

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

this 应该可以帮助您入门。长话短说，习俗 css-styled div 结合 JavaScript 来捕捉自定义 div 上的单击和拖动事件。连接到这些事件的是滚动自定义滚动器的任何 div 内容的方法已附上。

我只关心学习体验——但在你学会了如何它有效，我建议使用一个库（其中有很多）来做它。这是“不要重新发明”的事情之一......

以上是来自answer的引用。

但是如果你很着急并且想跳过学习阶段，heres 一个非常简单易用的插件，而且比它的竞争对手更麻烦。

【讨论】：

谢谢，很高兴知道