Question

请访问此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上测试

Answer 1

将css overflow：hidden规则应用于模态。它应该强制任何滚动条消失。

#modal { overflow: hidden; }

jQuery Modal + .show（）和.hide（）

1 个答案: