iframe自适应高度
项目中有这个需求,在网上找了好多方法都不行。大神们说的方法应该都是iframe直接放在父级页面,而我的需求是点击按钮才出现这个iframe。如图:
试了很多方法,还是空手而归,很无奈。
最后看了一位大神的代码,试了一下,效果还可以。(找不到那位老哥的帖子了,所以没有贴出链接,抱歉)
前段代码如下:
<iframe id="topsearch" scrolling="no" src="advancedsearch.jsp" frameborder="0" style="padding-top:20px;display:none;width:100%;height:auto"></iframe>
JS代码如下:
window.onload = function(){
//获取子页面的高度
function refresh(){
var childPageH = $('#topsearch').contents().find('body').height();
$('#topsearch').height(childPageH);
//console.log(childPageH);
}
refresh();
setInterval(refresh,200)
}
总的来说,就是用setInterval()方法不停的来获取iframe( $(’#topsearch’).contents().find(‘body’).height();)子页面的高度,然后赋给iframe标签。
向大神们请教,如有更好的方法,请指教一下小弟。Thanks♪(・ω・)ノ