我有一个页面需要加载2个iframe,并且我正在使用David Bradshaw的iframe调整器代码。
我控制其中之一加载页面的内容,因此我在其中加载了iframeResizer.contentWindow.min.js,并且iframe的尺寸可以完美调整。
但是,第二个iframe加载了我无法控制的页面,因此它不会调整大小(我明白了)。但是,由于某些原因,即使定义了scrolling =“ yes”,当我加载iframe-resizer代码时,添加的滚动条也会被抑制。
我在“受控” iframe之后有iFrameResize({log:true})代码。 “不受控制的” iframe位于页面的较早位置(需要放置在该位置)。
当我交换订单时,即,将“不受控制”的iframe移到“受控” iframe的后面(因此在iFrameResize({log:true})代码之后),那么我确实看到了该iframe的滚动条。
因此,我的问题是:如何指定iframe-reizer代码需要作用于哪个iframe?
谢谢!
P.
最佳答案
在您要控制的iFrame上设置一个类或ID,然后将其传递给iframeResize。
iFrameResize({log:true},'#myIFrame');
或者,您可以直接传递iFrame。
var myIFrame = document.getElementById('myIFrame');
iFrameResize({log:true},myIFrame);