Jquery Fancybox自动缩放不按预期工作?

时间:2012-05-23 23:35:21

标签: javascript jquery fancybox

所以在我的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();
            }

        }..

知道为什么会这样吗?

1 个答案:

答案 0 :(得分:2)

'autoScale' : true做的是让fancybox适合视口。这是它的预期用途。

如果您想要具有特定固定尺寸的fancybox,在这种情况下为'width': 500'height': 590,请将autoScale设置为false

另一方面,autoDimensions用于从内容本身设置(获取)fancybox的大小;此类内容应具有维度(例如<div>widthheight),否则会产生意外结果......在这种情况下,您不需要设置{ {1}}或width fancybox API选项,但height应设置为autoScale以全尺寸显示内容,否则将缩放fancybox以适合视口并滚动酒吧会出现。