jQuery解决iframe高度自适应代码

Posted WebEnh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery解决iframe高度自适应代码相关的知识,希望对你有一定的参考价值。

网上查了好多用着都不行,自己搞定了:在包含iframe的页面中加入以下脚本,基本思想是在iframe加载内容后重新设置高度,下面代码尽在IE6中用过,没在其他浏览器中测试。

 

代码如下:

<script type="text/javascript"> 
<!-- 
$( 
    function() 
    {                     
     //iframe高度随内容自动调整 
        $(.main).load( 
         function() 
            { 
                $(this).height($(this).contents().find("body").attr(scrollHeight)); 
            } 
        ); 
    } 
);      
// --> 
</script>

 

以上是关于jQuery解决iframe高度自适应代码的主要内容,如果未能解决你的问题,请参考以下文章

简单实现iframe的高度根据页面内容自适应(jQuery方式)

jQuery简单实现iframe的高度根据页面内容自适应的方法(转)

iframe高度自适应(同域)

如何让iframe自适应高度

Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?

html内嵌iframe网页高度自适应