本文也可以说是iframe自适应大小的折中方案。iframe中出现滚动条的原因是因为体中的内容高于iframe的高度,所以出现了滚动条。
解决方案:
使用JQuery从iframe的嵌套页面中获取高度值,并在iframe父窗口的onload事件中更新iframe的高度。
具体实现代码:
父页面:
脚本类型='文本/javascript '
函数SetcwinHeight(){
var H=$('#myiframe ')。内容()。查找(' meta ')。attr('内容');
警报(H);
$('#myiframe2 ')。高度(H);
}
/脚本
body style=' overflow:auto;'
iframe id=' myiframe ' src=' xx . html ' onLoad=' SetCwinHeight()'/iframe
/body
脚本类型='文本/javascript '
函数SetCwinHeight(){
var H=$('#myiframe ')。内容()。查找(' meta ')。attr('内容');
警报(H);
$('#myiframe2 ')。高度(H);
}
/脚本
body style=' overflow:auto;'iframe id=' myiframe ' src=' xx . html '/iframe/body/html
子页面:
Html代码
元内容=' 800像素'
操作原理:父页面读取子页面中meta的字段值来设置iframe的高度。
附加说明:
当iframe的高度小于内容高度时,如果父窗口体的overflow:auto,会有两个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;
此时,如果隐藏了BODY的溢出,只会出现iframe的垂直滚动条,而不会显示iframe的内容。