Динамически настраивайте высоту iframe в зависимости от содержимого

Есть много ответов о том, как динамически изменять высоту iframe. Я попробовал плагин https://github.com/house9/jquery-iframe-auto-height

Плагин работает с загрузкой iframe, однако высота не изменяется динамически в зависимости от изменений в содержимом iframe, если содержимое не перезагружается (например, ajax).

Мой вопрос: как динамически изменять высоту iframe при изменении высоты содержимого?


iframe jquery ajax height computed-style
person user991    schedule 13.05.2012    source источник
comment
Мне было любопытно то же самое. Я использовал несколько методов, чтобы получить высоту содержимого при загрузке iframe, но прямо сейчас мне нужно, чтобы высота iframe динамически подстраивалась под его содержимое.   -  person Jason    schedule 14.05.2012

Ответы (1)


arrow_upward
1
arrow_downward

Изменить ... Хорошо, мой друг сказал мне правильный путь. Я удалил плагин из главного окна и добавил на страницу iframe этот код jquery:

_ 

setInterval(function(){
    //console.log($("body").height());
    parent.$("iframe").height($("body").height());
}, 100);

но есть проблема, что после расширения высота не возвращается в свое первое состояние. Он становится больше, но не становится меньше, если я, например, закрою аккордеон ... Эта проблема только в браузере Chrome ...

Похоже, это ошибка Chrome, потому что, если вы попытаетесь изменить размер окна Chrome, iframe вернется к нормальной высоте. На IE9 и FF12 работает нормально.

person Community    schedule 02.01.2013