如何根据PSD设置Scroller样式

Question

我需要设置我的自定义滚动条的样式，截至目前我没有得到任何解决方案来实现所需的结果。我试图使用:: webkit-scroller属性但它不起作用。

Answer 1

请检查以下链接中的滚动条插件

http://jscrollpane.kelvinluck.com/

http://areaaperta.com/nicescroll/

http://manos.malihu.gr/jquery-custom-content-scroller/

Answer 2

您可以使用jQuery插件执行此操作。

http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

您需要做的就是将整个代码包装到主容器中并将jQuery自定义滚动插件应用到它并相应地应用自定义css ......然后就完成了。

Answer 3

尝试这些伪元素和伪类选择器

::-webkit-scrollbar-track-piece:start {
   /* Select the top half (or left half) or scrollbar track individually */
}

::-webkit-scrollbar-thumb:window-inactive {
   /* Select the thumb when the browser window isn't in focus */
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
   /* Select the down or left scroll button when it's being hovered by the mouse */
}