Запрет скролла страницы без учета блока?

Question

[Vladislav]

при открытии блока (меню на мобильном устройстве) блокирую прокрутку посредством overflow: hidden;
но если перевернуть устройство/устройство с маленьким экраном, часть блока не влазит (остается скрытым внизу)
как сделать, чтобы прокрутка внутри блока работала, но при этом сама страница не прокручивалась, спасибо

Answer 1

[Aetae]

Поставьте блоку примерно такое:

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

Comments

[Vladislav]

не работает..

[Aetae]

Телепатия не сработала, что поделать. Кажите код.

[Vladislav]

Aetae,

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

при клике на меню:
для body + .hide{
overflow: hidden;
}

[Aetae]

height: 100vmax; - нафиг

[Vladislav]

Aetae, чтобы открывающееся меню полностью перекрывало страницу до низа (сейчас стоит 100vh)

[Aetae]

nav{
  margin-top: 50px;
  height: calc(100vh - 50px);  // - отступы, если есть
  overflow: auto;
}

?

[Vladislav]

Aetae, спасибо, помогло