Div位置固定的滚动条不起作用

Question

我做了一个弹出框<div id="popBox"> position:fixed; width:80%; height:80%; <div id="popBox"> position:fixed; width:80%; height:80%; 在屏幕中心。

我使用jQuery $('body').css('overflow', 'hidden'); 打开时。 因此，用户不会在弹出框后面滚动内容。

这是问题所在。

1.已修复-窗口缩小时滚动条不会出现。

2.jQuery锁体溢出隐藏。 因此滚动条将消失。

有什么办法解决这个问题？

这是小提琴http://jsfiddle.net/gAEut/

Answer 1

试试这个

$('body').css('overflow', 'scroll');

或者，如果您想让弹出窗口滚动，请执行此操作

$('#popBox').css('overflow', 'scroll');

Answer 2

如果要在内容超出容器大小时显示滚动条，请使用

$('body').css('overflow', 'auto');

Answer 3

您必须使用overflow:auto

$(document).ready(function(){
    $('body').css('overflow', 'auto');
});

演示