jquery - fancybox 自动调整大小有限制

Question

所以我们都知道 fancybox具有调整大小的功能，这很棒，但是如果内容大于您的屏幕，它也会调整大小，您必须使用浏览器滚动条向下滚动，而不是使用 fancybox 滚动条。

要在没有快速困惑的情况下调整大小，我喜欢这样做。

<script type="text/javascript">
    jQuery(document).ready(function() {
        $('MyTagValue').fancybox(
        {
            'titlePosition' : 'inside',
            'transitionIn'  : 'fade',
            'transitionOut' : 'fade',
            'onStart' : function()
            { 
                $('#MyTagStyle').css(
                {
                    marginLeft: '-10000px'
                }); 
            }, 
            'onComplete' : function()
            { 
                $.fancybox.resize(); 
                $('#MyTagStyle').css(
                {
                    marginLeft: '0px'
                }); 
            }  
        });
    });
</script>

所以我的问题是如何在浏览器屏幕内调整大小，或者不超过特定值，f.ex 我想自动调整大小，但不超过 width: 800px;和高度:900px；

为了说明我现在拥有的以及我想要实现的目标，这里有一些屏幕:

当前:

通缉:

有什么想法吗？

Answer 1

FancyBox 作为内置方法将宽度和高度设置为生成的“窗口”以保存内容...查看网站以获取更多说明，但这里有一个成功:

// initialize popup iframe (fancybox)
$(".popupIframe").fancybox({
    'autoDimensions': false,
    'padding'       : 0,
    'width'         : 940,
    'height'        : 400,
    'autoScale'     : false,
    'transitionIn'  : 'none',
    'transitionOut' : 'none',
    'type'          : 'iframe'
});

在这里，我设置了一个固定为 940px x 400px 的弹出窗口(它也可以是 % 值)...如果内容大于 fancybox holder，它将在同一个 holder 上生成滚动条，而不是在文档本身!!!

PS:如果我没看错你的问题!