How to avoid scrolling in an entire page?

Ask us anything
1

Hello again,

lets say i have a drawer with scroll, or actually can be modal as well or whatever, with overflow auto or scroll etc.

When the drawer or modal reach their endpoint with the scroll, the scroll will continue with the background “scroll”, the only thing that is the difference is the z-index.

where i can put the css code to avoid the scroll for the entire page while, lets say, a modal or a drawer is open at the moment?

I can actually do it with classes and put the css style in the header or footer, just not sure how it will work with the loading times.

Usuallly, i will have different css files and include it if necessary.

Some clarification would be very appriciated, to understand how it works here.

2

I guess you can try to put your whole page inside the same section and bind the overflow on the section so when the modal or your drawer is open it disable the scroll on the section

3

Not sure but is it possible to upload .css files into weweb and use them like binding the class?
I was trying but sees not to work.

Update:
Maybe my question was wrong, but when i have more time i can explain better, sorry.

4

Someone else seems to already have solved your exact case

1 Like
5

looks good, thanks.

Will try it now.