1

我怎样才能让我的滚动条变黑<div>？

有什么可以在 Webkit、IE7 到 IE9 和 Firefox 中工作的吗？

4

4 回答 4

7

您不能在 Firefox 中执行此操作。只有 IE 和 webkit 浏览器支持修改滚动条。

请参阅http://msdn.microsoft.com/en-us/library/ie/ms531153%28v=vs.85%29.aspx了解如何在 MSIE 和http://www.webkit.org/blog/中执行此操作363/styling-scrollbars/关于如何在 webkit 中进行操作。

于 2012-05-12T08:24:06.587 回答
3

您无法设置浏览器滚动条的样式。它没有得到普遍支持（尽管 IE 确实尝试实现它）。

此外，从可访问性的角度来看，这样做是一个坏主意。想想看不到你非常纤细、几乎看不见的自定义滚动条或者不知道你所拥有的实际上是一个滚动条的（老）人。

您可以像这样在 JS 中使用自定义滚动条插件。到处都是

于 2012-05-12T08:24:19.643 回答
1

正如 Pez Cuckow 所说：

我想自定义滚动条是用 javascript 实现的，它看起来很漂亮，你不能让浏览器滚动条看起来那么好！

查找我刚刚为您整理的示例：http: //jsfiddle.net/9LHPW/2/ - 请注意检查资源选项卡，因为这包括四个外部文件（3x Js 和 1x CSS）

使用 Javascript 和 jQuery 查看此网站以获取更多示例（看起来正是您想要的）：http: //manos.malihu.gr/tuts/jquery_custom_scrollbar.html

您可以在http://manos.malihu.gr/jquery-custom-content-scroller找到插件的主页

以及如何使用它部分！

于 2012-09-06T16:35:53.817 回答
0

我同意你不应该篡改可滚动区域的滚动条的可见性（我在看你苹果）。有时，带有可滚动文本的框正好在边界之内，并且没有视觉线索让用户知道它在滚动，从而使用户感到困惑。阻止用户使用您的应用程序真的是个好主意吗？很可能不会，但您也可以反驳说您的目标人群不会有任何问题；不能很好看的人可能不会使用极端内联竞争的应用程序。然而，除了视觉障碍之外，还有一些可访问性/可用性问题；认知障碍，或不精通技术，

说了这么多，做自己开心的事。我就是做这个的。

于 2012-05-12T08:59:09.147 回答