2

我一直试图让滚动条不出现在fancybox中。我已经在Fancybox inline 尝试了没有滚动条并且 100% 和“固定”的解决方案， 但我无法让它工作。

我正在使用的是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>

4

2 回答 2

2

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

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

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

.fancybox-type-iframe .fancybox-inner {
    overflow: auto !important;
}
于 2013-03-25T16:14:03.320 回答
1

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

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

.fancybox-inner {
  overflow: hidden !important;
}
于 2013-03-07T14:04:43.910 回答