跨域的iframe自动调整高度(cross-domain iframe resizer)

标签：

可以使用iframe-resizer
项目地址: http://davidjbradshaw.github.io/iframe-resizer/
演示地址: http://davidjbradshaw.com/iframe-resizer/example/

用法:
1.父页面: 引入jQuery.js 和 iframeResizer.min.js

<script>
jQuery(function($){
   $(‘#js_iframe‘).iFrameResize();
})
</script>

2.
Iframe, 需要进行如下设置, 宽度设置成百分比,  scrolling设成no .

eg. <iframe width="100%" height="240" src="xx/iframe.html" scrolling="no"></iframe>

3.iframe页面: 引入jQuery.js 和 iframeResizer.contentWindow.js

另外, 兼容IE8+, 添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

跨域的iframe自动调整高度(cross-domain iframe resizer)

标签：

原文地址：http://www.cnblogs.com/zlog/p/5388090.html