javascript - Jquery Fancybox autoscale 没有按预期工作？

Question

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

        }..

知道为什么会这样吗？

Answer 1

什么 'autoScale' : true所做的是使 fancybox 适合视口(viewport)。这是它的预期用途。

如果您想要具有特定固定尺寸的 fancybox，在本例中为 'width': 500和 'height': 590然后设置 autoScale至 false .

另一方面autoDimensions用于从内容本身设置(获取)fancybox 的大小；这样的内容应该有尺寸(例如 <div> 和 width 和 height)，否则它会产生意想不到的结果......在这种情况下你不需要设置 width或 height fancybox API 选项，但是 autoScale应设置为 false以完整大小显示内容，否则 fancybox 将缩放以适合视口(viewport)并出现滚动条。