自定义样式的滚动条使用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