使用iFrame Resizer在一个页面上显示多个iframe

时间:2018-01-12 06:33:04

标签: iframe-resizer

iFrame Resizer的文档说:

  

当缩放器在一个页面上使用多个IFrame不起作用时,请确保每个帧都具有唯一ID或根本没有ID。

我选择不向iframe提供任何ID。我的代码如下所示。它有效,但我想确认我正在做的一切正确。具体来说,我只调用一次iFrameResize()并且没有参数 - 那可以吗?

<iframe src="https://example.com/frame1" scrolling="no"></iframe>
<iframe src="https://example.com/frame2" scrolling="no"></iframe>

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.15/iframeResizer.min.js"></script>
<script>iFrameResize()</script>

注意:@ david_bradshaw,我决定不使用ID,因为在这种情况下,如何调用iFrameResize()并不清楚 - 我们是否需要为每个iFrame调用一次?请澄清。 TIA

1 个答案:

答案 0 :(得分:1)

我建议将ID放入。

不确定这是否有帮助。

  
      
  • 要求:将iframeResizer.contentWindow.min.js加载到目标框架中。
  •   

参考: cloudflare.com(201年1月21日)

实施例

<style>iframe{width: 1px;min-width: 100%;}</style>
<iframe id="myIframe" src="http://anotherdomain.com/iframe.html" scrolling="no"></iframe>
<script>iFrameResize({log:true}, '#myIframe')</script>

参考: davidjbradshaw(201年1月21日)

注意: ID用于发送到缩放器方法