当iframe预加载为false时,动态调整窗口高度以匹配内容?

时间:2017-07-11 23:11:31

标签: fancybox fancybox-2

我正在将Fancybox2用于我的Web应用程序并将conent加载到iframe中。我想更快地加载iframe。我已阅读以下两篇SO帖子:

fancybox 2 iframe loading issue

Fancybox stuck loading iframe in IE

这就是我所拥有的:

type: 'iframe',
$('.fancybox').fancybox({
            modal: true,  
            width: 900, //I need to set the width of the iframe
            iframe: {
                preload: false 
            } 
});

使用preload: false加载似乎更快。但是,当显示fancybox时,其高度始终为600(Fancybox2中的默认值)。我也试过

height: 'auto' 

height: '100%'

auto选项实际上会生成一个大约100像素高的窗口(太短),而100%选项会使窗口使用所有可用的高度(这太多了)。

在配置以下设置时,Fancybox是否能够动态调整其高度?通过配置?还是编程?

iframe: {
    preload: false 
}

这是一个jsfiddle链接:https://jsfiddle.net/mddc/6e26Lgps/7/

0 个答案:

没有答案