javascript - Fancybox 不尊重高度

Question

如果我不设置框的高度并保持默认:显示滚动条是因为框不够大

$('#newsletter').fancybox({
    'type': 'iframe',
    'href': 'http://es.solmelia.com/nSubscriber/jsp/C_Subscribe_Newsletter.jsp',
});

如果我将它设置为 400:

$('#newsletter').fancybox({
    'type' : 'iframe',
    'href' :   'http://es.solmelia.com/nSubscriber/jsp/C_Subscribe_Newsletter.jsp',
    'padding' : '20',
    'height' : '400'
});

(看起来比 400 大得多)

也试过

$('#newsletter').fancybox({
    'type'              : 'iframe',
    'href'          :   'http://es.solmelia.com/nSubscriber/jsp/C_Subscribe_Newsletter.jsp',
    'height' : '400px',
    'transitionIn'  :   'elastic',
},function(){$.fancybox.resize();});

结果与第一个例子相同

Answer 1

您可以尝试使用公共(public)方法resize，内容加载完成后，请参阅方法说明:

*自动调整 FancyBox 的高度以匹配内容的高度

引用: http://fancybox.net/api

方法用法: $.fancybox.resize();

你可以尝试什么:

    $('#newsletter').fancybox({
                        'type'          : 'iframe',
                        'href'          : 'http://es.solmelia.com/nSubscriber/jsp/C_Subscribe_Newsletter.jsp',
                        'scrolling'     : 'no',
                        onComplete : function(){ $.fancybox.resize();}
                });

onComplete - 内容显示后将被调用