本文也可以说是iframe自适应大小的折中方案。iframe中出现滚动条的原因是因为正文中内容的高度大于iframe的高度,所以出现了滚动条。
解决方案:
使用Jquery从iframe嵌套页面获取高度值,并在iframe父窗口的onload事件中更新iframe的高度。
具体实现代码:
父页面:
子页面:
Html代码
meta content='800px'
工作原理:父页面读取子页面中meta的字段值来设置iframe的高度。
附加说明:
当iframe的高度小于内容高度时,如果父窗口体的overflow:auto,会有两个垂直滚动条,iframe的垂直滚动条和父窗口的滚动条;
如果此时BODY的overflow:hidden只会显示iframe的垂直滚动条,而iframe的内容是无法显示的。