![]() |
|
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.
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. |