jquery - 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 父选择器将其限制为您可能显示的特定类型的 fancybox，例如要仅影响显示 iFrame 内容的 fancybox，请使用:

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