iframe с фиксированной шириной и динамической высотой

Question

Можно ли использовать iframe с фиксированной шириной (например, 75%) и динамической высотой ?Я хочу добиться того, чтобы при загрузке страницы в iframe она не была шире, чем я указал, но длина должна соответствовать странице и ее содержанию.Это страница с 5 строками текста, рамка будет достаточно большой для отображения этих 5 строк.Загружаем ли мы большой документ с 1000 строками, высота Iframe будет автоматически изменена.

Предварительные условия:

• URL в фрейме находится на другомдомен от родителя.
• Код должен работать и в браузерах мобильных телефонов.
• Давайте попробуем по возможности избежать jQuery.(чтобы сделать вышеупомянутое быстрее)

Answer 1

Я знаю, что вы хотели бы избежать этого, но на самом деле это не должно вас так сильно тормозить, что это станет бременем для вашего сайта. Я сделал намного более безумные вещи с помощью jquery, и он справился с этим как чемпион. Когда вы говорите «динамично», это обычно безопасная ставка, что вам нужно будет потрогать какой-нибудь javascript в какой-то момент: P

$(selector)[0].scrollHeight

Как сделать его динамичным? Вы можете установить интервал для регулировки высоты.

Примерно так:

function setHeight(selector){ 
    var contentHeight = $(selector)[0].scrollHeight;
    $('#iframe-id').attr('height', contentHeight);
}

Затем вы либо загружаете его при загрузке страницы, либо заключаете его в setInterval.

Если это просто jquery, и вы не против javascript, то этот сайт может помочь вам http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

Answer 2

Высотой IFrame можно управлять с помощью кода рендеринга страницы или JavaScript ... но у iframe нет возможности динамически изменять размеры в зависимости от содержимого.

Ссылка в комментарии mplungjan приводит вас к действительно хорошему посту на эту тему.