尝试应用自定义滚动条

Question

我正在尝试将类似类型的自定义滚动条应用到我的网站中，但我似乎遇到了一些麻烦。

只想知道这种自定义滚动条是复杂还是易于实现。这是完成我的设计的最后一个障碍。有哪些建议或想法可以实现这个设计？

Answer 1

有很多jQuery UI插件可供使用，您可以轻松完成。检查here并选择一个。

Answer 2

很容易实现can google for custom scrollbars or you can use tinyscrollbar或this

Answer 3

有许多javascript滚动条脚本。你可以尝试这个：http://www.dyn-web.com/code/scroll/ - ＆gt;看起来你可以使用这个从屏幕截图中轻松复制滚动条。

Answer 4

您可以尝试-webkit- scrollbar.Check this fiddle。这是代码。

::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(139,233,38,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}