根据内容动态调整iframe高度

时间:2012-05-13 23:25:32

标签: jquery ajax iframe height computed-style

关于如何动态更改iframe高度有很多答案。 我尝试了插件https://github.com/house9/jquery-iframe-auto-height

该插件适用于iframe加载,但是,如果内容未重新加载(例如ajax),则基于iframe内容中的更改,高度不会动态更改。

我的问题是:如果内容更改高度,如何动态更改iframe的高度?

1 个答案:

答案 0 :(得分:1)

  

编辑......好吧,我的朋友告诉我正确的方式。我从主窗口中删除了插件,并将此jquery代码添加到iframe页面:

_

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

但是有问题,在扩展后,高度不会变为第一个状态。它变得越来越大,但如果我在示例中关闭,那么它就不会变小......这个问题只出现在Chrome浏览器中......

     

看起来这是Chrome错误,因为如果您尝试调整Chrome窗口的大小,iframe会恢复正常高度。在IE9和FF12上工作正常。