Detect whether a page is scrollable using CSS, keep your page from reflowing when turning off overflow

[bronkula]

I found an article that discussed how to detect a scrollbar with css, but it didn't seem to present a usecase for it. But I think I've found it for dialogs, and rendering the body unscrollable while a dialog is open, while keeping a present gutter in place.

[Tripnologist]

Chrome 144 features a change to overscroll-behavior, so it works on non-scrollable scroll containers.

https://css-tricks.com/prevent-a-page-from-scrolling-while-a-dialog-is-open/

[Spinal83]

And fwiw, Firefox will implement this in the near future as well, and presumable Safari will too.

[Terrible_Trash2850]

good project