firefox still doesn't have proper scrollbar styling. it's a div, or more precisely, a JavaScript-driven fake scrollbar layered over a hidden native one. Still paranoid I didnt migrate all of the bars over and I forgot some dusty neglected app somewhere in the depths...
the core of the system is win98-scrollbar.js, a library that attaches custom scrollbar elements any scrollable div. The actual scrollbar is hidden via scrollbar-width: none (firefox) and ::-webkit-scrollbar { display: none } (chrome/safari). the Win98-style track, thumb, and arrow buttons are rendered as absolutely-positioned DOM elements that mirror the scroll state of the container.
OverlayScrollbars (similar to SimpleBar) was originally an option as well. But you're welcome to use win98-scrollbar.js - although it assumes certain DOM patterns, the two-div split for inset borders, portal dropdown handling, etc
![[tofokyo.com] avatar](/site_screenshots/18/56/tofokyo/index.html.50x50.webp)
![.:.[heather saturnia].:. avatar](/site_screenshots/11/46/heathersaturnia/index.html.50x50.webp)
![[ .::1 9 9 9 X::. ] avatar](/site_screenshots/28/96/1999x/index.html.50x50.webp)
oh wait it's a div... tell me how to make it make it like a guide you can find on IE
firefox still doesn't have proper scrollbar styling. it's a div, or more precisely, a JavaScript-driven fake scrollbar layered over a hidden native one. Still paranoid I didnt migrate all of the bars over and I forgot some dusty neglected app somewhere in the depths...
the core of the system is win98-scrollbar.js, a library that attaches custom scrollbar elements any scrollable div. The actual scrollbar is hidden via scrollbar-width: none (firefox) and ::-webkit-scrollbar { display: none } (chrome/safari). the Win98-style track, thumb, and arrow buttons are rendered as absolutely-positioned DOM elements that mirror the scroll state of the container.
OverlayScrollbars (similar to SimpleBar) was originally an option as well. But you're welcome to use win98-scrollbar.js - although it assumes certain DOM patterns, the two-div split for inset borders, portal dropdown handling, etc