Jquery Fancybox 自动缩放无法按预期工作

Jquery Fancybox autoscale not working as intended?

本文关键字：工作 Fancybox 缩放 Jquery      更新时间：2023-09-26

所以在我的花式框中，我不希望显示滚动条，而是使用自动缩放：true选项。

因此，我的设置发生的情况是没有显示滚动条，这很好，但是div的内容超出了花式框的白色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();
            }
        }..

知道为什么会这样吗？

'autoScale' : true所做的是制作花哨的框以适应视口。这是它的预期用途。

如果您想要具有特定固定尺寸的花式盒子，在这种情况下，'width': 500 和 'height': 590 然后将autoScale设置为 false .

另一方面，autoDimensions用于从内容本身设置（获取）花式框的大小;这些内容应该有尺寸（例如，具有width和height的<div>），否则会产生意想不到的反馈......在这种情况下，您不需要设置width或height Fancybox API 选项，但是autoScale应设置为false以完整大小显示内容，否则 Fancybox 将被缩放以适应视口并显示滚动条。

相关文章：