跨浏览器的iframe实现高度自适应的解决方案

本文给出了一个例子来描述iframe自适应高分辨率的方法,具有很大的实用价值。分享给大家参考。具体方法如下:

此方法使用jQuery,所以你需要介绍jQuery的iframe的src页。

父页面相对简单,包括以下代码:







在iframe的src页面,代码如下:



resizecontent()函数
{
$(窗口。母。文件)。找到(# IF1 ),高度($(#内容)。Height());
}

show400()函数
{
如果($(# test400)。Css(显示)= =无)
{
$(# test400)。Css(显示
resizecontent();
}
其他的
{
$(# test400)。Css(显示
resizecontent();
}
}
$(文档)Ready(函数(){)
resizecontent();
})



超链接
超链接
超链接

超链接
超链接
超链接
超链接
超链接
超链接
超链接
超链接






uff1a笔记

里面


$(窗口。母。文件)。找到(# IF1 ),高度($(#内容)。Height());



这句话最初是:




$(窗口。母。文件)。找到(# IF1 ),高度($(document)。Height());



自适应高度可以实现,但不能实现缩放自适应,因为文档的高度是显示内容的最高高度。所以如果我们点击iframe扩大,不会缩小,只会显示最高的高度。

所以这里有一个父层容器,最新的代码,这样就可以实现自适应。

相信本文对jQuery程序设计有一定的参考价值。