Add a scroll bar to a DIV

Question

I have a menu on mobile with some options, there is only one problem, when I’m fiddling through the phone it opens normal, but when I try to see all the options scrolling down it scrolls the home page and not the menu. How do I add a scroll to the menu and pause the scroll when it is active? If you look at the image you will see the scroll > but the menu does not roll, not showing its content, it rolls the page behind that.
Edit: the header is fixed, to descend along with the page scrolling. And as the contents of the menu is attached to the header it does not go down, I wonder if there is a way to put a scroll only for this menu, when the menu is open pause the scroll of the page.

Answer 1

.menu{
  width: 300px;
  height: 100px;
  overflow-y: scroll;
}

<div class="menu">
Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.


</div>

To put a scroll in a div, just do so.