The prohibition of scrolling the page without taking into account the block?

when you open a block (menu on mobile device) lock the scrolling by overflow: hidden;
but if you turn the device/device with a small screen part of the unit is not fit (remains hidden at the bottom)
how to make scrolling inside the unit worked, but the page is not scrolled, thank you
April 3rd 20 at 17:40
1 answer
April 3rd 20 at 17:42
Put a block like this:
max-height: 100vh; /* here maybe another calc, if the unit is not from the very top */
overflow: auto;
not working.. - rachel commented on April 3rd 20 at 17:45
Telepathy did not work, what to do. Tell code. - Beau.Ankundi commented on April 3rd 20 at 17:48
@Beau.Ankundi,

nav{
margin-top: 50px;
height: 100vmax;
display: none;
}

when you click on menu:
for body + .hide{
overflow: hidden;
} - rachel commented on April 3rd 20 at 17:51
height: 100vmax; - what - Beau.Ankundi commented on April 3rd 20 at 17:54
@Beau.Ankundito menus that covered the page to the bottom (now worth 100vh) - rachel commented on April 3rd 20 at 17:57
nav{
 margin-top: 50px;
 height: calc(100vh - 50px); // - indentation, if there is
 overflow: auto;
}
? - Beau.Ankundi commented on April 3rd 20 at 18:00
@Beau.Ankundi, thanks for help - rachel commented on April 3rd 20 at 18:03

Find more questions by tags CSSJavaScriptjQueryHTMLAdaptive design