javascript - 如何指定(或限制)iframe-resizer 将作用于哪个 iframe？

Question

我有一个页面需要加载 2 个 iframe，并且我正在使用 David Bradshaw 的 iframe-resizer 代码。

我控制其中一个加载的页面内容，因此我在其中加载了 iframeResizer.contentWindow.min.js，并且 iframe 完美调整了大小。

然而，第二个 iframe 加载了一个我无法控制的页面，因此它不会调整大小(我明白了)。然而，由于某种原因，当我加载 iframe-resizer 代码时，我添加的滚动条被抑制，即使定义了scrolling =“yes”。

我在“受控”iframe 之后有 iFrameResize({log:true}) 代码。 “不受控制的”iframe 位于页面的前面(并且需要在那里)。

当我交换顺序时，即，将“不受控制”的 iframe 移动到“受控”iframe 之后(因此在 iFrameResize({log:true}) 代码之后)，然后我确实看到该 iframe 的滚动条.

所以，我的问题是:如何指定 iframe-resizer 代码需要对哪些 iframe 执行操作？

谢谢!

P。

Answer 1

在您想要控制的 iFrame 上设置一个类或 ID，然后将其传递给 iframeResize。

iFrameResize({log:true},'#myIFrame');

或者您可以直接传递 iFrame。

var myIFrame = document.getElementById('myIFrame');
iFrameResize({log:true},myIFrame);