html overflow property

[Firegarden]

I am wondering if it's possible to use the css modal without having to set the overflow property on the html element. The reason is because I don't control the webpage and I need to make sure the css that I add does not disrupt the existing components on the site.

Can you clarify if you know for certain that setting the html overflow property on the html element could not break other elements on the page? If not is it possible to change this to another container element?

html {
overflow-y: scroll;

Thank you

[Firegarden]

I wonder if this speaks to the issue? https://css-tricks.com/snippets/css/force-vertical-scrollbar/ Specifically it suggests body { height: 100%; margin-bottom: 1px; }

It would really help me if I could understand why the html overflow-y scroll is included in modal css?