Fancybox中的iFrame不会在整页中显示html

时间:2013-08-11 05:58:10

标签: iframe fancybox

我有一个问题,即html页面不能始终显示在整页中。需要单击切换大小按钮以展开html页面。下面附带代码的任何问题?

确保每个html以完整页面显示的任何方法?

<script type="text/javascript">
 $(document).ready(function() {
$(".fancybox-button").fancybox({
    'padding'       : '1',
    'margin'        : '2',
    'autoScale'     : false,
    'width'         : '100%',
    'height'        : '100%',
        'type'          : 'iframe',
    'autoPlay'      : false,
    'playSpeed'     : 10500,
    closeBtn        : false,
    iframe : {
       scrolling : 'no'
    },
    helpers     : {
       title    : { type : 'inside' },
       buttons  : {}
    }
   });
 });
</script>

盈利计划

1 个答案:

答案 0 :(得分:1)

只需设置autoSize: false即可。请参阅示例 - http://jsfiddle.net/j8MQW/

$(".fancybox").fancybox({
    autoSize        :  false,
    'padding'       : '1',
    'margin'        : '2',
    'autoScale'     : false,
    'width'         : '100%',
    'height'        : '100%',
    'type'          : 'iframe',
    'autoPlay'      : false,
    'playSpeed'     : 10500,
    closeBtn        : false,
    iframe : {
       scrolling : 'no'
    },
    helpers     : {
       title    : { type : 'inside' },
       buttons  : {}
    }
 });