3

Добрый день. Как известно iframe кушает лишь четкие указания height в px, а нужно что-бы вставляемый iframe растягивал родительский элемент, в зависимости от размера содержимого самого iframe, т.к. содержимое - динамическое. Кто знает какие решения, простые или сложные (JS, JQ и т.д.)?

1
  • iframe с того же домена?
    – Sh4dow
    21 сен 2011 в 16:28

2 ответа 2

3
<script type="text/javascript">
$(function() {
    var iframe = $('#ourframe', parent.document.body);
    iframe.height($(document.body).height());
});
</script>

<html>
    <body>
        <iframe id="ourframe"></iframe>
    </body>
</html>

Скрипт вставлять в тот документ который загружается в iframe, не забудьте также подключить в этот файл jQuery (проверял на 1.6.2)

Посмотрите еще вот это - http://host.sonspring.com/iframe/

2
  • А без использования jQuery?
    – Deus
    6 фев 2013 в 14:13
  • Данный пример не растягивает по высоте содержимого
    – Kyper
    21 ноя 2018 в 10:53
2
<script type="text/javascript">
$(function() {
   var iframe = $('#ourframe', parent.document.body);
   iframe.height($(document.body).height());
});
</script>

Работает, но если содержимое больше высоты монитора, то устанавливается высота которая видна, если бы я открыл этот Iframe в отдельном окне.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.