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

跨浏览器的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程序设计有一定的参考价值。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部