所以在我的Fancybox中我不想显示滚动条,而是使用autoscale:true选项。
所以我的设置会发生什么,没有显示滚动条哪个好,但div的内容超出了fancybox的白色div,而div本身并没有增长到内容的大小,而是保持在原来的大小。
claimLink.fancybox({
'scrolling' : 'no',
'overlayShow' : false,
'autoScale' : true,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'hideOnContentClick' : false,
'width': 500,
'height': 590,
'autoDimensions': false,
'onCleanup': function (e) {
var modelClaimFormId = $j(e).attr("href").replace("body", "");
var modalClaimForm = $j(modelClaimFormId);
if (!($j(modalClaimForm).valid())) {
$j(claimForm).remove();
$j(e).parents("tr").remove();
}
}..
知道为什么会这样吗?
答案 0 :(得分:2)
'autoScale' : true
做的是让fancybox适合视口。这是它的预期用途。
如果您想要具有特定固定尺寸的fancybox,在这种情况下为'width': 500
和'height': 590
,请将autoScale
设置为false
。
另一方面,autoDimensions
用于从内容本身设置(获取)fancybox的大小;此类内容应具有维度(例如<div>
,width
和height
),否则会产生意外结果......在这种情况下,您不需要设置{ {1}}或width
fancybox API选项,但height
应设置为autoScale
以全尺寸显示内容,否则将缩放fancybox以适合视口并滚动酒吧会出现。