Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/matlab/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery fancybox2中没有滚动条,设置大小_Jquery_Html_Fancybox_Fancybox 2 - Fatal编程技术网

Jquery fancybox2中没有滚动条,设置大小

Jquery fancybox2中没有滚动条,设置大小,jquery,html,fancybox,fancybox-2,Jquery,Html,Fancybox,Fancybox 2,我一直试图让滚动条不出现在fancybox中。 我已经试过了 但我不能让它工作 我现在工作的是 我希望大小设置为一个常数,滚动条在弹出时不显示 脚本 $(document).ready(function() { $('#smallAdvanced_container').bind('click', function(){ var container = $('#advanced_container'); if($('#advanc

我一直试图让滚动条不出现在fancybox中。 我已经试过了 但我不能让它工作

我现在工作的是 我希望大小设置为一个常数,滚动条在弹出时不显示

脚本

 $(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>


在我看来,您似乎正确地使用了API,我不确定您是否可以在不更改插件代码的情况下完成此操作

我知道CSS的方法,但它必须使用!重要的是,这有点像黑客。只需在CSS中包含以下内容

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

按照Jame的回答,但是如果您设置了
overflow:auto!重要信息
相反,当您需要滚动条时,您将获得滚动条,而不是当您不需要滚动条时。i、 e:

.fancybox-inner {
  overflow: auto !important;
}
您还可以通过使用特定css父选择器将此限制为仅显示特定类型的fancybox,例如,要仅影响显示iFrame内容的fancybox,请使用:

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

非常感谢。删除了滚动条。虽然现在我遇到了一个问题,如果屏幕比fancybox小,它就不能显示fancybox的全部内容(比如侧面的平板电脑)。它被切断了