我如何指定（或限制）iframe(s) iframe-resizer 将作用于哪个 iframe？

Question

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

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

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

我在 "controlled" iframe 之后有 iFrameResize({log:true}) 代码。 "uncontrolled" iframe 在页面的前面（并且需要在那里）。

当我交换顺序时，即我将 "uncontrolled" iframe 移动到 "controlled" iframe 之后（因此在 iFrameResize({log:true}) 代码之后），然后我做查看该 iframe 的滚动条。

所以，我的问题是：如何指定 iframe-resizer 代码需要作用于哪些 iframe？

谢谢！

P.

Answer 1

在您希望控制的 iFrame 上设置一个 class 或 ID，然后将其传递给 iframeResize。

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

或者您可以直接传递 iFrame。

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