The scrollbar control you didn’t know you needed #css

If you have an element that uses overflow: auto, this can really help out with consistency!

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[Nicole-mrpo]

This is a great tool. I really like these shorts!

[endercelik]

I'm gonna implement this on my project right away. Thank for the tip !

[perplexingcode]

Awesome, I just bump into this yesterday and felt helpless, great save! Thank you Kevin!

[stanislavfranko]

This one is really handy!! Great content overall, keep up the good work

[maximcoppieters]

Minor annoyance i had in my project for over a year now fixed. Holy sh-

[Istian_Ikes]

Once again, you provide a solution to my problem.

[iUmerFarooq]

Very very cool tip. Very helpful.
Thank you.

[jameshuggins]

You absolute legend. Thank you! I cannot tell you how much the default behaviour infuriates me.

[thecyberhobbit]

Does anyone else absolutely hate hidden scrollbars on content that is scrollable? This is the #1 thing I change that is default on a Mac.

[steamerk]

I wouldn't hide the scrollbar just because the widget isn't being hovered over. Or, if I did, I'd want some other affordance to indicate that the area could be scrolled.

[BakriHmouda]

I think might work really well with svelte transition

[John]

Omg thanks m8. Been following you for years now and this is holy grail

Edit: this option should be default

[HHJoshHH]

Loren Ipsum, Cicero’s Socratic 5 book dialog. Programmer flex. Lol

[Melds]

As an end user, I wish I could disable scroll bar CSS. I want to know if there's more content, easily see the scroll bar, and have it wide enough that I can click on it. If you style CSS, please seriously think about accessibility.

[Мост]

Is there any place where we can find full code?!? Extremely useful!

[hamm]

I don’t think this works for overflow-x: auto, does it?

[raviel]

Sir, why this kind of behavior not by default ?

[LokiDaFerret]

Good idea. However, there is no hover on mobile devices. Wonder what it would do with it. 🤔

[nicolasmayorga]

Amazing the one that only appears on hover 🎉❤

[lildray]

Can i ask a question??how do u make this findings...

Like you're really an Expert and I'll like to be like you❤❤😢