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
答案 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用于发送到缩放器方法。