如何使用滚动条图像？

问题描述：

如何使用HTML/CSS替换滚动条的图像？如何使用滚动条图像？

我：

scrollbar-base-color: #00acee; 
scrollbar-dark-shadow-color: #00acee; 
scrollbar-track-color: #ffffff; 
scrollbar-face-color: #00acee; 
scrollbar-shadow-color: #00acee; 
scrollbar-highlight-color: #00acee; 
scrollbar-3d-light-color: #00acee;

我可以使用图像来完成同样的想法？

答

不可能将图像放在滚动条内。自定义滚动条是不是W3C规范（仅适用于IE CSS），但对什么是可能的细节可以在这里找到：

http://www.quirksmode.org/css/scrollbars.html

答

不，您不能使用图像来代替滚动条。我也只是提到改变颜色对用户来说很烦人，它只能在IE中工作，所以只需要使用标准的GUI元素即可。

答

据我所知，你不能风格的图像滚动条。如果你想使用jQuery的，你可以这样做很容易地使用这个jQuery插件：

http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html

的窍门有使用一些div，你可以风格你想要的任何方式来“模拟”滚动条，因为他们只是普通的div。之后，它很容易只使用scrollTop属性和滚动事件等（但你真的不需要知道它如何使用它）

答

jScrollPane（demo）

或

Interface（demo ）。

两者都使用jQuery。

答

对于MooTools，有MooScroller。

Steve

答

不，您不能在滚动条中使用图像。（另外，即使改变颜色也只在IE中支持非标准模式。）

在滚动条中使用图像的唯一方法是根本不使用标准滚动条，而是实现替换滚动条禁止使用DHTML，或者找到已经完成这项工作的人。

但是，在更改用户已经习惯的控件外观时，应该有点限制。如果你不小心，最终可能会让人感到困惑，因此他们甚至根本不认为它是一个滚动条...

+1改变用户期望的时候提示谨慎 - 在我的经验，这是从来没有一个真正的问题（毕竟向上/向下箭头等都是很容易破解），但它一个很好的观点 – annakata 2009-04-23 08:28:09

答

对于基于webkit的浏览器（对于一个足够新的“webkit”值），有收集propriety CSS properties。

答

Webkit == Safari和Chrome，但Firefox和Opera计划在即将发布的版本中实现类似功能。规范虽然是一个杀手，但即使你有支持也不值得使用。

MooTools有不少：

Mooscroller（将落实到MooTools的 - 更多），
MooScroll（？基于 Solutaire's）
UvumiScroll

我想它是Ext UI的一部分，可能是JQ的UI库，但在那里没有个人经验。

一个非库依赖类：http://www.hesido.com/web.php?page=customscrollbar

如何使用滚动条图像？

相关推荐