fancybox2 中没有滚动条，并且设置了大小

Question

我一直试图让滚动条不显示在fancybox 中。 我已经在Fancybox inline to have no scrollbars and be 100% and 'fixed' 尝试了解决方案 但我无法让它工作。

我现在工作的是http://home.nith.no/~setkin11/advancedsearc1.html 我希望将大小设置为常量，并且滚动条在弹出时根本不显示。

脚本

 $(document).ready(function() {
        $('#smallAdvanced_container').bind('click', function(){
            var container = $('#advanced_container');
            if($('#advanced_container').is(':hidden')) {
                $('#advanced_container').show();
                $.fancybox.open([container]);
            }
            else {
                $('#advanced_container').hide();
                $.fancybox.open([container]);    
            }
        });
        //$('#advanced_container').fancybox();
    });

    $('#advanced_container').fancybox({
         type: 'html', 
         width: 410, 
         height: 620,
         autoSize : false, 
         autoCenter: false, 
         fitToView : false,  
         scrolling : 'no' 
    });

HTML

<div id="smallAdvanced_container">
    <img src="ribbon.png" alt="Search ribbon">
</div>

Answer 1

根据 Jame 的回答，但如果您改为设置 overflow: auto !important，您将在需要时获得滚动条，而不是在不需要时获得滚动条。即：

.fancybox-inner {
  overflow: auto !important;
}

您还可以通过使用特定的 css 父选择器将其限制为您可能显示的特定类型的幻想框，例如要仅影响显示 iFrame 内容的 fancybox，请使用：

.fancybox-type-iframe .fancybox-inner {
    overflow: auto !important;
}

Answer 2

在我看来，您好像在正确使用 API，但我不确定您是否可以在不更改插件代码的情况下做到这一点。

我知道一种 CSS 方法，但它必须使用 !important，这有点不合时宜。只需在您的 CSS 中包含以下内容

.fancybox-inner {
  overflow: hidden !important;
}