页面内滚动条的颜色

Question

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

我想要

• 用户能够上下浏览该表，同时始终在页面的当前可见部分中提供一组控制按钮。

和

• 保持对页面上所有元素的配色方案的控制。

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

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

我有什么选择？当我因为这个原因想到将整个页面移动到Flash时，我的头疼了......

提前感谢...

Answer 1

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

以下是一些可以帮助您入门的资源。 http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div

http://flowplayer.org/tools/demos/scrollable/vertical.html

http://logicbox.net/jquery/simplyscroll/vertical.html

Answer 2

不要更改滚动条的样式，除非真的知道你在做什么！但是，如果您了解可用性含义（并尽量使其尽可能方便用户使用），请尝试以下选项：

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

以下StackOverflow线程也可能有用：

How do I change the browser's scrollbar colours using CSS? What's the deal with CSS and scroll bars? How can one use scroll bar images?