6

我在几年前就看到了，但由于它没有得到广泛的支持，网站正在停止使用它。

我目前正在设计一个网站，该网站将在设计中包含滚动条，并且想知道 CSS2 是否对浏览器滚动条样式有任何规范，因为默认颜色不适合。如果没有规范，任何对特定浏览器行为的引用将不胜感激。

如果上面没有 CSS 规范，我将不得不依赖使用 JS 自定义生成的滚动条。关于如何构建一个的参考也值得赞赏。

4

6 回答 6

10

我从这个线程引用自己，因为它是相关的：

从可用性的角度来看，更改滚动条是不行的。用户熟悉他/她的操作系统及其提供的视觉环境。改变这一点确实会造成混乱，尤其是在那些不熟悉计算机的人、老年人等中。

今天的大多数用户可能会认出滚动条，只要它具有基本形状 - 许多人甚至不会使用滚动条本身，而只是使用鼠标上的滚轮。

尽管如此，这仍然是一件值得考虑的事情。考虑你的听众。无论您做什么，如果您使用自定义滚动条，请确保它在所有平台/所有浏览器中都有效。

于 2009-06-07T14:03:37.647 回答
8

可以在以下位置找到 JavaScript 解决方案http://www.hesido.com/web.php?page=customscrollbar。请注意，您确实必须为此付费，但即使您不想走那条路，它也会显示出什么是可能的。

否则，也可以使用jQuery 解决方案和Prototype 解决方案。

于 2009-06-07T14:38:19.730 回答
6

WebKit 支持另一种机制。

于 2009-06-07T07:29:52.903 回答
4

你可以这样做：

<style>
body {
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color: #000000;
}
</style>

但它仅适用于 Internet Explorer 和 Opera（感谢 Julien！）。你可能想使用不同的颜色。8-)

于 2009-06-06T21:24:47.767 回答
2

我还没有尝试过这些解决方案，但它们看起来确实很有希望，并且声称可以很好地降解。

这将是我的第一选择
http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html

于 2009-06-07T15:08:37.047 回答
0

许多浏览器支持某种样式的滚动条，但在 css 中没有任何标准化。

此外，正如 arve systad 所说，更改操作系统的此类基本小部件是行不通的——尽管人们也应该小心更改按钮

于 2009-06-07T14:23:58.650 回答