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

时间:2014-01-09 12:07:53

标签: jquery html css scroll

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

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

这是问题所在。

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

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

有什么方法可以解决这个问题吗?

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

3 个答案:

答案 0 :(得分:0)

试试这个

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

或者如果您的意思是希望弹出窗口滚动,请执行此操作

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

您必须使用overflow:auto

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

DEMO