【问题标题】: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

Customize scrollbars using CSS

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

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

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

以上是来自answer的引用。

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

【讨论】:

  • 谢谢,很高兴知道
猜你喜欢
  • 1970-01-01
  • 2014-02-04
  • 1970-01-01
  • 1970-01-01
  • 2015-07-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多