页面内滚动条的颜色答案

【问题标题】：color of scrollbars within the page页面内滚动条的颜色
【发布时间】：2011-01-03 23:57:08
【问题描述】：

我需要帮助。我的主页有一个长表，通常大约有 2 个屏幕“高”（假设浏览器窗口为 1024x768）。

我想要

与

问题是我能想到的解决第一点的两种解决方案（使用溢出的 div 或框架）都涉及我无法设置样式的滚动条。（至少在 Firefox 上，它们总是灰色的。）

我无法实现一个“寻呼机”，它将表上的数据分成一个块，一次提供一个（例如，在底部有一个“下一个 40 个结果”链接）。用户需要参考整个表格来查找和比较整个表格中的多行。

我有哪些选择？由于这个原因，当我想到将整个页面移动到 Flash 时，我的头很痛......

提前谢谢...

【问题讨论】：

【解决方案1】：

我会使用 jquery 和一个可滚动的 div。

【讨论】：

@kieran！惊人的！这正是我想要的。 Jquery 摇滚。 :)
大多数人工滚动条与真实滚动条相比可用性较差；许多人积极反对可用性和可访问性。使用时要格外小心。只是用来改变滚动条的颜色，不是赢。
switchonthecode.com/tutorials/… 教程没有考虑到鼠标滚轮，这可能会让一些用户感到非常沮丧。如果您使用诸如 jScrollPane、MooScroll 或 MooScroller 之类的库，这一切都由您负责。
我会支持不使用它们的想法。如果您需要可滚动的内容，请让浏览器控制它。当您在更大的显示器上查看固定大小的网站时，它会非常糟糕，因为您不会用完屏幕上的可用空间。话虽如此，但我不是设计师，我只能构建给我的东西。

【解决方案2】：

不要更改滚动条的样式，除非您真的知道自己在做什么！但是，如果您了解可用性影响（并尽量使它们对用户友好），请尝试以下选项：

如果你使用 jQuery，试试jScrollPane。如果您使用 MooTools，请尝试 MooScroll 或 MooScroller。

以下 StackOverflow 线程也可能有用：

【讨论】：

@Steve，非常感谢！ jScrollPane 似乎预先打包了我需要的功能。我理解你提到的担忧；但就像在您链接到本机滚动条的线程之一中一样，只会破坏为创建一致的应用程序外观而付出的所有努力。
@laramichaels：很高兴能帮上忙！ :) 外观因素绝对是使用自定义滚动条的主要原因之一——有时默认滚动条不适合...