Prohibition of scrolling the page without taking into account the block?

Question

css

when opening a block (menu on a mobile device), I block scrolling with overflow: hidden;
but if you turn the device / device with a small screen, part of the block does not fit (remains hidden at the bottom)
how to make scrolling inside the block work, but the page itself does not scroll, thanks

Answer 1

Put a block like this:

max-height: 100vh; /* тут возможно ещё calc, если блок не от самого верха  */
overflow: auto;