请访问此link 单击第一个图像。现在显示模态页面(我用这个jquery.nyroModal)来显示它。
好的,现在,点击图片上方的“aqui”。
在这个动作上我简单地这样做:
$(document).ready(function(){
$('#produtos').hide();
$('#wrapper_detalhes').show();
$('#exibe_detalhes').click(function(e) {
$('#wrapper_detalhes').show();
$('#produtos').hide();
e.preventDefault;
return false;
});
$('#exibe_produtos').click(function(e) {
$('#wrapper_detalhes').hide();
$('#produtos').show();
e.preventDefault;
return false;
});
});
隐藏一个div,并显示另一个div,但在第二个div上我显示id=produtos
当我再次点击“aqui”时,在我的模态窗口上,出现滚动条......但是height
和width
与第一次打开模态时相同......
发生了什么事?
PS:条形图仅在Chrome上显示。在IE上它显示非常好!我没有在Firefox上测试
答案 0 :(得分:1)
将css overflow:hidden规则应用于模态。它应该强制任何滚动条消失。
#modal { overflow: hidden; }