在iframe中使用Jquery Fancybox自动高度?

时间:2011-09-11 02:05:51

标签: javascript jquery iframe fancybox

我正在使用Fancybox iframe表单。 形状高度350px 当完成表格时,结果只有两行。

任何人都可以告诉我如何为窗口制作自动高度

我的javascript代码是

$(document).ready(function() {      
    $("#send_friend").fancybox({
        'width'             : 310,
        'height'            : 350,
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe',
        'showCloseButton'       :false,
        'padding'           : 0,
        'margin'            : 0,
        'transitionIn'      : 'elastic',
        'transitionOut'     : 'elastic',    
        'overlayOpacity':'0.3', 
    });

});

提前致谢

1 个答案:

答案 0 :(得分:2)

尝试给iframe一个匹配的高度和宽度(见下文),但更重要的是,如果需要将整理表格屏幕包裹在DIV标签中,也可以给完成表格屏幕提供坚固的高度和宽度。

<iframe style="height: 350px; width 350px;" />
...
<div style="height: 350px; width 350px;">
<form>
Thank you for sending to a friend.
</form>
</div>