search

01 iframe 自适应高度

hashtag
1.父页面和 iframe 同源

hashtag
2.父页面和 iframe 不同源

iframe-resizer 开源代码arrow-up-right 注：v3 才支持 IE8

使用 iframeResizer.min.js 和 iframeResizer.contentWindow.min.js 来处理。 iframeResizer.min.js 放在父页面中，iframeResizer.contentWindow.min.js 放在 iframe 中。

hashtag
父页面

需要注意的是width必须是百分比，scrolling设置为no（为了兼容性）

  <body>
    <iframe
      id="formB"
      frameborder="0"
      scrolling="no"
      src="http://example.com/example/index.php"
      width="100%"
      height="100%"
    ></iframe>

    <script src="iframeResizer.min.js"></script>

    <script>
      $('#formB').iFrameResize([{ log: true }]);
    </script>
  </body>

hashtag
iframe

上一页兼容性+Hack下一页02 热点自适应

最后更新于