I Had No Idea This Scroll Bar CSS Property Existed

🌎 Find Me Here:

#Shorts

[superjkmax]

The last sentence sums it up for all css fixes

[jonathanjohnson]

Browser support. Probably the developer's biggest issue to fix😢

[haruikichi]

When you are feeling happy, remember there is always browser support

[SirCamWA]

I really wish I knew about this like last year. I made work arounds using JS, that took hours, to replicate this effect

[vini]

Am I the only one who can't see the right side? It's literaly overflowing on my screen, no joke intended

[braoha]

How does this work on macOS compared to windows? The scroll bars have different widths.

[iamghezali]

as long as it is well supported by chrome and chromium based browsers, it's not that much of an issue, Safari & Firefox don't have that by default gutter !

[BenRogersWPG]

Watching this on short and I missed all the edge content. I can only see the middle bit of the video.

Lol can you fix YouTube's padding?!

[DerTim]

I don't see a practical use case where I would use these, besides when you do start pixel pushing (is it called like that in english? I mean when you perfectly adjust your pixels)

[nahueljo]

What happens if you use scrollbar-gutter with overflow:auto? does it apply twice?

[VladDubovyi]

seems to be a rare property. Never heard of it

[_izro_]

-webkit-scrollbar{ width: 0px; } - this will hide your scrollbar

[thefamousdjx]

just another rabbit hole to worry about. ship first

[bradforddrake]

Totally worthless information. No info on how to fix scrollbat\r not anchoring.

[しめい-lm]

why not just remove the scroll bar? the space looks very odd

[DonFF]

Not working for me could you provide the code so that I can copy & paste to see if it’s a me error or not?

[royzelig]

Is it there a solution that works with chrome, if I don't have the latest version?

[beinyourguard]

good to see that css is becoming even more powerful

[sopdfsopdfiopsd]

browser support seems fine now minus safari

[jshstuff]

I was excited about this to solve the issue where putting overflow:hidden on the body causes the page to shift, for example when you open a modal, but this is a bad solution for that issue because then there are always 15 pixels of dead space, which is a no-no for basically all designs. for example you won't be able to do a carousel that goes all the way to the edge of the screen. :(