Iframe с высотой, основанной на высоте содержимого страницы - PullRequest
Новая
       3

Iframe с высотой, основанной на высоте содержимого страницы

0 голосов
/ 14 июня 2019

на моем сайте Wordpress я использую плагин, который позволяет мне просматривать внешние страницы в фрейме, который изменяет свою высоту в зависимости от высоты содержимого. Страница, которую я пытаюсь загрузить в iframe, представляет собой простую HTML-страницу, которая вызывает javascript. Это, однако, предотвращает изменение высоты iframe. Можно ли это как-то решить? Спасибо.

Вот код HTML-страницы, которая должна быть загружена в iframe: 

<body>
 <script type="text/javascript" src="https://www.domain-name.com/script-name.php?param1=1&param2=22"></script>
 </body>

1 Ответ

0 голосов
/ 14 июня 2019

укажите идентификатор Div или Call и CSS 

height : 100vh ;

попробуйте этот код при загрузке 

    function resizeIFrameToFitContent( iFrame ) {

    iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
    iFrame.height = iFrame.contentWindow.document.body.scrollHeight;
}

window.addEventListener('DOMContentLoaded', function(e) {

    var iFrame = document.getElementById( 'iframe_block' );
    resizeIFrameToFitContent( iFrame );

    // or, to resize all iframes:
    var iframes = document.querySelectorAll("iframe");
    for( var i = 0; i < iframes.length; i++) {
        resizeIFrameToFitContent( iframes[i] );
    }
} );
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...