Javascript Jquery Fancybox自动缩放未按预期工作?
因此,在我的Fancybox中,我不希望显示滚动条,而是使用autoscale:true选项 因此,我的设置没有显示好的滚动条,但是div的内容超出了fancybox的白色div,div本身没有增长到内容的大小,而是保持其原始大小Javascript Jquery Fancybox自动缩放未按预期工作?,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,因此,在我的Fancybox中,我不希望显示滚动条,而是使用autoscale:true选项 因此,我的设置没有显示好的滚动条,但是div的内容超出了fancybox的白色div,div本身没有增长到内容的大小,而是保持其原始大小 claimLink.fancybox({ 'scrolling' : 'no', 'overlayShow' : false, 'autoScale' : true, 'transitionIn' : '
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();
}
}..
知道为什么会发生这种情况吗?什么是“自动缩放”:真正的就是让fancybox适合视口。这是它的预期用途 如果您希望fancybox具有特定的固定尺寸,在本例中,
'width':500
和'height':590
,然后将自动缩放设置为false
另一方面,autoDimensions
用于从内容本身设置(获取)fancybox的大小;但此类内容应具有维度(例如,具有宽度和高度的
),否则将产生意外结果。。。在这种情况下,您不需要设置width
或height
fancybox API选项,但是autoScale
应设置为false
以显示其完整大小的内容,否则fancybox将被缩放以适合视口并显示滚动条