How to make possible vertical scroll on popup and disable vertical scroll for page by using CSS?

Question

I'm developing responsive web site for small devices. I need to show popup (pure div) and make possible vertical scroll due large content. But instead scrolling my popup main page scrolled.

My question is how could I disable main page scroll and scroll only popup?

Answer 1

You can set height of your .popup and then set overflow to auto

.popup{
   height:50px;
   overflow:auto;
}

Now, if your popup has a large contents that doesn't fit in 50 pixels by height and you'll scroll on it, contents in popup will be scrolled instead of whole document contents.