I have made a pop box `<div id="popBox"> position:fixed; width:80%; height:80%;` at center of screen.

I use jQuery `$('body').css('overflow', 'hidden');` when it opens. So users wont scroll the content behind the pop box.

Here is the problem.

1.fixed - scroll bar wont appear when window scale down.

2.jQuery lock the body overflow-hidden. So the scroll bar will disappear.

Is any way to solve this problem?

here is fiddle
<http://jsfiddle.net/gAEut/>