Почему не работает скролл?
.content
  width 100%
  height 100vh
  background-color grey
  overflow-y scroll
Вроде то, но там должен быть контент, который занимает больше пространства чем блок
P.S. Второй вариант решения без привязки к VH<header></header>
<div class="wrapper">
<div class="content">
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
</div>
  </div>body {
  overflow:hidden;
  height:100%
}
.wrapper {
  height:100%;
  position: absolute;
  width:100%;
}
header {
   width :100%;
  height :5em;
  background-color :red ;
}
.content{
  background-color: white;
  padding: 10px;
  max-height:100%;
  position:relative;
  overflow-y:auto;
}
Потому что у тебя контента нет, нечему скролиться .