Jquery Fancybox使滚动条出现 以前我曾使用过FANKYBOX，但在我最新的设计中，FANCYBOX导致滚动条出现，即点击图像，图像显示在窗口的中间，窗口本身得到滚动条，它不使用。当改变窗口大小或字体大小时，我的布局是流动的，可以调整。然后，使用fancybox，整个页面会毫无理由地移动和重新缩放，这看起来很糟糕，而且还占用了处理器的能量

这可能是什么原因

此外，背景也无法变暗。。。fancybox通常做什么来实现这一点，为什么我的设计会失败

以下是一些代码片段：

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
$('.fancybox').fancybox();
});
</script>

<div id="wrapper">
<div id="classes" class="post">
<h2>料理教室・ワークショップ</h2>
<a class="fancybox" rel="classes" href="http://127.0.0.1/wordpress/wp-content/themes/hitomiskuche/images/classes/1.jpg">フォトス</a>
<a class="fancybox" rel="classes" href="http://127.0.0.1/wordpress/wp-content/themes/hitomiskuche/images/classes/2.jpg"></a>
<a class="fancybox" rel="classes" href="http://127.0.0.1/wordpress/wp-content/themes/hitomiskuche/images/classes/3.jpg"></a>
</div>
</div>

#classes {
    width:40%;
    position:absolute;
    left:5%;
    bottom:10%;
    background-color:#fff;
    padding:1em;
    opacity:0.65;
    box-shadow:2px 2px 3px #555;
}

jQuery.noConflict（）；
jQuery（文档）.ready（函数（$）{
$（'.fancybox'）.fancybox（）；
});
料理教室・ワークショップ
#班级{
宽度：40%；
位置：绝对位置；
左：5%；
底部：10%；
背景色：#fff；
填充：1em；
不透明度：0.65；
箱形阴影：2×2×3×555；
}

Fancybox使用类

Fancybox覆盖显示覆盖：

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

overflow-y:scroll
属性使滚动条出现。把它拿出来，你会被分类的

此外，您可能没有将
fancybox_overlay.png
包含在与fancybox css文件相同的文件夹中。覆盖背景是从该文件创建的。希望此信息有帮助
Fancybox使用类
Fancybox覆盖
显示覆盖：

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

overflow-y:scroll
属性使滚动条出现。把它拿出来，你会被分类的

此外，您可能没有将
fancybox_overlay.png
包含在与fancybox css文件相同的文件夹中。覆盖背景是从该文件创建的。希望这些信息有帮助
尝试以下方法：

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            locked : false
        }
    }
});

如果您使用的是全屏背景，如“超大”，您可能还希望将其添加到页面的css中：

html {overflow: -moz-scrollbars-vertical; overflow: scroll;}

试试这个：

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            locked : false
        }
    }
});

如果您使用的是全屏背景，如“超大”，您可能还希望将其添加到页面的css中：

html {overflow: -moz-scrollbars-vertical; overflow: scroll;}

正如Rob和Eva所回答的，在java脚本conf中添加帮助程序代码对我很有效

这是我的全部代码

        $(document).ready(function() {
            $(".fancybox").fancybox({
                maxWidth        : 800,
                maxHeight   : 500,
                fitToView       : true,
                width       : '100%',
                height      : '100%',
                autoSize        : true,
                closeClick      : true,
                openEffect  : 'elastic',
                closeEffect : 'elastic',
                helpers : {
                overlay : {
                    locked : false
                }
            }

            });
        });

正如Rob和Eva所回答的，在java脚本conf中添加帮助程序代码对我很有效

这是我的全部代码

        $(document).ready(function() {
            $(".fancybox").fancybox({
                maxWidth        : 800,
                maxHeight   : 500,
                fitToView       : true,
                width       : '100%',
                height      : '100%',
                autoSize        : true,
                closeClick      : true,
                openEffect  : 'elastic',
                closeEffect : 'elastic',
                helpers : {
                overlay : {
                    locked : false
                }
            }

            });
        });

fiddle或code please…可能是在您的fancybox周围包含了另一个类或包装器类div@rizwaniqbal我包含了一些代码。这足以说明出了什么问题吗？你修好了吗？你能接受答案吗？@PimSchaaf两个答案都没有解决问题，这就是为什么我不接受。请使用fiddle或code…可能是在你的fancybox周围包含了另一个类或包装器类div@rizwaniqbal我包含了一些代码。这足以说明出了什么问题吗？你修好了吗？你能接受一个答案吗？@PimSchaaf两个答案都没有解决问题，这就是为什么我也没有接受。没有任何区别。没有任何区别