CODEWITHSUNDEEP
jqueryhtmlcsspopup
Prashobh
Prashobh

Reputation: 9552

how to enable Pop up parent page scroll?

popup box will appear while clicking on a link.I need to enable the scroll for the parent page .For small screen laptops pop up is not able to view properly ,i cant do anything about the height of the popup . I want to enable the scroll .

.popup{
display: block;
z-index: 1002;
outline: 0px;
position: fixed;
height: auto;
width: 730px;
top: 209px;
left: 259px;
}

Upvotes: 0

Views: 1929

Answers (2)

Mr. Alien
Mr. Alien

Reputation: 157374

Pop up boxes are generally set to position: absolute; which are out of the document flow, so instead of using fixed, use absolute, even stackoverflow flag box uses absolute, as it doesn't get scrolled with the page, perhaps the browser shows scroll if your element is overflowing out of your defined width's if you set it to position: absolute;, just be sure you are not using overflow: hidden; may be for clearing floats, use clear: both instead and you should see the scroll bar

Upvotes: 1

sdespont
sdespont

Reputation: 14025

Just add the CSS overflow property : 

overflow-y : auto;
overflow-x : hidden;

Upvotes: 0

Related Questions