2

スクロールバーがfancyboxに表示されないようにしようとしています。Fancyboxインラインで、スクロールバーがなく、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代わりに設定すると、必要なときにスクロールバーが表示され、不要なときにスクロールバーが表示されます。すなわち：

.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を使用する必要があります。これはちょっとしたハックです。CSSに以下を含めるだけです

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