Jquery fancybox2中没有滚动条,设置大小
我一直试图让滚动条不出现在fancybox中。 我已经试过了 但我不能让它工作 我现在工作的是 我希望大小设置为一个常数,滚动条在弹出时不显示 脚本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
$(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的全部内容(比如侧面的平板电脑)。它被切断了