跨浏览器的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程序设计有一定的参考价值。