自定義樣式的滾動條使用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