2013-08-11 2 views
0

У меня проблема с тем, что страница html не отображается на полной странице постоянно. Чтобы открыть страницу html, нажмите кнопку «Переключить размер». Любая проблема с кодом, приведенным ниже?iFrame в пределах Fancybox не отображается 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> 

Прибыльный План

+0

' 'Высота': '100%' 'означает, что FancyBox будет отображаться 100% видового экрана ... попробуйте установить' fitToView: false' – JFK

ответ

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 : {} 
    } 
}); 
Смежные вопросы