Вторник, 15 Декабрь 2020 16:24

Высота iframe в зависимости от содержимого

Автор

Оцените материал
(1 Голосовать)

Присвоить iframe высоту 100%. height:100% с помощью JavaScript.

Этот код будет работать только на одном домене, то есть, если ваш iframe ссылается на файл, который находится внутри вашего сайта.

<script type="text/javascript">
function calcHeight(iframeElement){
    var the_height=  iframeElement.contentWindow.document.body.scrollHeight;
    iframeElement.height=  the_height;
}
</script>
<iframe src="/reference/index.php" onLoad="calcHeight(this);" frameborder="0" scrolling="no" id="the_iframe" width="100%" ></iframe>

Всем удачи и добра!

Прочитано 230 раз

Поделитесь с друзьями этой статьей!

Макс Пуля

Приветствую! Присоединяйтесь к сообществу Epic Blog и выражайте свои мысли.

epicblog.net

Оставить комментарий