使用CSS为溢出区域定制样式滚动条

Question

使用CSS将网站上的滚动条设置为自定义样式的最有效方法是什么？

我正在讨论DIV中带有溢出的滚动条：滚动;设置而不是在浏览器窗口上可能使用JPG作为滚动条设计。

希望这能解释我想要实现的目标。

由于

Answer 1

滚动条是操作系统的一个组件，因此浏览器不会为您设置任何样式。最好的选择是使用Javascript，例如，有一些用于自定义滚动条的好库，Tiny Scrollbar。

Answer 2

目前，您只能在webkit浏览器上使用纯CSS重绘滚动条：

• http://css-tricks.com/custom-scrollbars-in-webkit/

对于其他使用变通办法的浏览器，使用javascript来模拟滚动效果。一些资源：

• http://slodive.com/web-development/jquery-scroll/
• http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html
• http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/
• http://www.dynamicdrive.com/dynamicindex17/jquerycustomscrollbar/index.htm