2009-02-08 16 views
6

我有一个HTML页面的客户端与几个滚动div文本内容。她正在使用基于图像的严格设计,所以默认的滚动条根本不适合。她想用不同的风格,但据我所知,这是不可能的。什么是与CSS和滚动条处理?

您认为如何?

回答

10

有一个jQuery回答这个 -

jScrollPane

有效应的若干nice examples它可以实现

+0

只有使用jScrollPane的坏处是你不能使用箭头键在内容区域内上下滚动,这会降低可用性(尽管这可能是使用另一个jQuery插件可以实现的)。 – Mun 2009-02-08 22:04:06

+0

@Mun,这个问题被报告为项目bug跟踪器中的一个bug。由于这个问题对我来说很重要,因此我计划在接下来的一周内为它提交一个错误修复程序。 – 2009-02-08 23:06:26

0

它的一种可能。

body { 
    scrollbar-face-color: #ffffff; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #ffffff; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #808080; 
    scrollbar-darkshadow-color: #000000; 
} 

注意:如果您指定了XHTML Doctype,它可能不起作用!

+0

在XHTML中正常工作。诀窍是,当您使用标准模式DOCTYPE(您应该是,无论您使用的是HTML还是XHTML)时,元素IE会将视口的主滚动条放在“html”而不是“body”上。无论如何,随着这些属性的继承,只需设置'html'就可以了。 – bobince 2009-02-09 01:52:29

9

但从可用性角度,改变滚动条是一个不走。用户熟悉他/她的操作系统及其提供的视觉环境。改变这一点确实会造成混乱,特别是那些刚刚使用电脑,老年人等的人。

今天的大多数用户可能会认识到一个滚动条,只要它具有基本的形状 - 许多甚至不会使用酒吧本身,而只是鼠标上的滚轮。

尽管如此,仍然需要思考。考虑你的观众。无论你如何使用自定义滚动条,确保它在所有平台/所有浏览器中都能正常工作。