Add a scroll bar in a DIV

0

I have a menu on the mobile with a few options, there is only one problem, when I'm messing with the phone it opens normal, but when I try to see all the options scrolling down it scrolls the start page and not the menu. How do I add a scroll in the menu and pause the page when it is active? If you look at the image you will see the scroll > but the menu does not scroll, it does not show its contents, it scrolls the page behind it. Edit: The header is fixed, to scroll down along with the page scrolling. And since the contents of the menu is coupled to the header it does not go down, I would like to know if I have a scroll only for this menu, when the menu is open pause the scroll of the page.

    
asked by anonymous 28.09.2017 / 22:42

1 answer

2

.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 into a div, just do this.

    
29.09.2017 / 20:31