页面内滚动条的颜色
我需要帮助。我的主页有一个长表格,通常大约有 2 个屏幕“高”(假设浏览器窗口为 1024x768)。
我希望
- 用户能够上下浏览该表格,同时在页面的当前可见部分中始终有一组可用的控制按钮。
并
- 保留对页面上所有元素的配色方案的控制。
问题是,我能想到的解决第一点(使用溢出的 div 或框架)的两个解决方案都涉及我无法设置样式的滚动条。 (至少在 Firefox 上,它们总是灰色的。)
我无法实现一个“寻呼机”,它将表上的数据分成块,一次提供一个块(例如,在底部有一个“下 40 个结果”链接) 。用户需要参考整个表来查找和比较整个表中的多行。
我有什么选择?当我想到出于这个原因将整个页面移动到 Flash 时,我的头很痛...
提前感谢...
I need help. My main page has a long table that will typically be approximately 2 screens "tall" (assuming a 1024x768 browser window).
I want
- the user to be able to browse that table up and down, while always having a set of control buttons available in the currently visible portion of the page.
AND
- to retain control over the color scheme of all elements on the page.
The problem is that both solutions I could think of that address the first point (using an overflown div or a frame) involve scrollbars that I cannot style. (At least on Firefox they will invariably be gray.)
I cannot implement a "pager" which breaks the data on the table into chunks which are served one at a time (eg, having a "next 40 results" link at the bottom). The user needs to refer to the full table to find and compare multiple rows throughout the table.
What are my options? My head hurts when I think of moving this entire page to Flash for this reason...
thanks in advance...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我会使用 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
i would use jquery and a scrollable div.
Here are some resources to get you started.
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
不要更改滚动条的样式,除非您真正知道自己在做什么!但是,如果您了解可用性含义(并尝试使它们尽可能用户友好),请尝试以下选项:
如果您使用 jQuery,请尝试 jScrollPane。
如果您使用 MooTools,请尝试 MooScroll 或 MooScroller。
以下 StackOverflow 线程也可能有用:
How do我使用 CSS 更改浏览器的滚动条颜色?
CSS 和滚动条有什么关系?
如何使用滚动条图像?
Don't change the styling of scrollbars unless you really know what you're doing! However, if you understand the usability implications (and try to make them as user-friendly as possible), try the following options:
If you use jQuery, try jScrollPane.
If you use MooTools, try MooScroll or MooScroller.
The following StackOverflow threads might also be useful:
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?