Sinisterly
How to add a custom scroll bar - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Web Design (https://sinister.ly/Forum-Web-Design)
+--- Thread: How to add a custom scroll bar (/Thread-How-to-add-a-custom-scroll-bar)



How to add a custom scroll bar - Azzid - 07-02-2016

ACP > Templates & Style > Themes > Your Theme > Global.css > Advanced Stylesheet > Add this to the bottom:

Code:
::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-thumb { background: #21569F; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); } ::-webkit-scrollbar-track { background: #2c2c2c; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); }



RE: How to add a custom scroll bar - Despised - 07-02-2016

Im trying new things, doing this rn.


RE: How to add a custom scroll bar - Oni - 07-03-2016

Only Chrome uses webkit, really. Tongue


RE: How to add a custom scroll bar - Kaneki Ken - 07-04-2016

Well I know Firefox doesn't support that, honestly the best bet is to customize a scrollbar in jQuery. But, however, it does work on Chrome.


RE: How to add a custom scroll bar - Oni - 07-04-2016

(07-04-2016, 12:58 AM)Kaneki Ken Wrote: Well I know Firefox doesn't support that, honestly the best bet is to customize a scrollbar in jQuery. But, however, it does work on Chrome.

I'd have already implemented it, if I still used Chrome. If enough Chrome users want it, I can. I still recommend Firefox.

Spoiler:
I legitimately donate cash to Mozilla.