问题标签 [iframe-resizer]

几周前我最初设置了这个页面，它工作正常，直到网站上线并改为 ssl。

我们已经与在 iframe 中制作页面的开发人员取得了联系，并让他们切换到 ssl 并确保他们已将 iframeResizer.contentWindow.min.js 文件包含在他们的末尾。

我还一直在从我的其他站点之一进行测试，以确保我的所有内容都已正确设置，并且没有问题。

使用 iframe 链接到页面：https ://www.bedsrus.co.nz/sleep-selector 我的测试页面用于检查我的设置：https ://www.bedsrus.co.nz/test

如果您想看一下，日志记录已保留。

我尝试将 heightCalculationMethod 更改为其他一些选项，包括最低元素、bodyScroll 和最大值。

内容页面有一些警告，但我认为它们不会导致问题。

任何帮助，将不胜感激。

我正在使用以下方法加载 iframe-resizer：

但是在调整页面大小时我不断收到此错误：

[iFrameSizer][] 在初始化之前接收到类型（resize）的消息。

这发生在：

[iFrameSizer][主机页面] qb-iframe 禁用 IFrame 滚动

iframeResizer.js:97[iFrameSizer][主机页面] 设置 minHeight = 67px

iframeResizer.js:97[iFrameSizer][Host page][init] 发送消息到 iframe (qb-iframe:8:false:true:32:false:true:null:lowestElement:null:null:0:false:parent)

[iFrameSizer][主机页面][iFrame.onload] 发送消息到 iframe (qb-iframe:8:false:true:32:false:true:null:lowestElement:null:null:0:false:parent)

[iFrameSizer][Host page][Window resize] 发送消息到 iframe（resize）

有任何想法吗？

我正在使用https://github.com/davidjbradshaw/iframe-resizer，我想禁用 iFrame 高度自动调整大小。

我添加了 autoResize:false，但它不起作用：当我调整窗口宽度时，iFrame 高度会发生变化。

这是我的代码：

我究竟做错了什么？

谢谢

我给davidjbradshaw iframe-resizer [ this ] 一个尝试，它工作得很好。但是我遇到了一个问题，那就是它没有缩小规模。如文档中所述，内容 css 中的height : 100% 样式很少，我认为这可能是一个问题。我无法修改它。那么，有没有其他方法可以解决这个问题？在更改 iframe 中的 url 之前，我尝试在 publicApi 中设置手动高度，但它不能接受 autoResize false。

任何帮助将不胜感激。

我正在使用 David J Bradshaw 的 iframe 调整大小，但我根本无法调整大小。

• iframeSizer.min.js 包含在我的容器页面中
• 我的容器页面头部的这段代码：<script> $('iframe').iFrameResize( [{log:true}] ); </script>
• iframeSizer.contentWindow.min.js 包含在我的框架页面中
• iframe 设置为 width="100" 和 scrolling="no"

这是测试页。

我在这个页面上工作：http: //factor1hosting.com/~dnaz/wordpress/certifications/

我正在尝试引入跨域 iframe。

我正在使用@DavidJBradshaw 的 iFrame Resizer来实现这一点。但是，我没有让 iframe 正常工作。

我可以只使用普通的 javascript init：

<script>iFrameResize({log:true})</script>

当我使用它时，我确实得到了日志，但它没有调整大小。我也尝试过 jQuery 方法：

$('iframe').iFrameResize( [{log: true}] );

并且不要调整日志或 iframe 的大小。我还尝试将其包装在准备好的文档中，但这也没有实现。

任何人对为什么这不能正确触发有任何想法或想法？我的控制台没有抛出任何 JS 错误...谢谢！

编辑：这是我当前如何在 HTML 端设置的示例。

编辑 2：这是我的控制台日志，当它触发时，它会将 iframe 设置为 150px，即使内容延伸得更长。

我正在使用https://github.com/davidjbradshaw/iframe-resizer库，并按照其作者的建议，在这里问我的问题。

我有一个 Angular 应用程序加载到 iframe 中，这个应用程序有一些元素位于底部，带有“绝对”或“固定”。这意味着，帧收缩不能使用默认方法正常工作，我发现heightCalculationMethod: "taggedElement"在我的情况下是最可靠的。但只有一个问题。我的页面正在使用带有动画状态更改的 ui-router，现在在动画期间，帧高度设置为 0，使动画不可见。所以我发现我需要使用minHeightiframe-resizer 的选项。它通常工作正常，我通常将其设置为minHeight: window.innerHeight - 4545 是 iframe 之外页面的高度。

但是我希望 iframe-resizer 在minHeight每次调整大小时重新计算，因为用户可能已经调整了他的浏览器窗口的大小。

我想，如果 iframe-resizer 接受函数 for ，它会起作用minHeight，所以我可以这样做：

但我看到目前它只是addStyle('minHeight');在初始设置期间执行，所以我的解决方案不起作用。

使 iframe-resizer 与动态 minHeight 一起使用的最佳方法是什么？

我有一个需要加载 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。

我正在使用 iFrameResizer 版本 3.3.3。

我将 3 个 iframe 设置为页面上的 jquery 选项卡对象的选项卡。每个 I 框架都包含自己的选项卡式视图，其中长度会根据在 iframe 内单击的选项卡而发生很大变化。

调整大小在单个 iframe 上完美运行。

但是，在其他 2 个 iframe（位于父页面的隐藏选项卡上）上，它们的高度设置为零，并且一旦 iFrameResize() 运行，大小将不会动态变化。

我已经在页面上不自动运行 iFrameResize 的情况下对此进行了进一步测试。每个 iframe 都以其默认大小加载。如果我选择第二个选项卡然后从控制台运行 iFrameResize，则第二个选项卡 iframe 会自动调整大小，而选项卡 1 和 3 上的 iframe 的高度设置为 0。

理想情况下，我希望每个选项卡在被选中时“激活”其 iframe，并允许 iframe 在 iframe 内的每个选项卡被选中时自动调整大小。这将与当前在父页面上的任何其他选项卡上选择的任何内容无关。

您可以在http://brellatech.com.au/iframe.php看到上述页面

iFrame Resizer 可以做到这一点吗？

问候

格雷格·J

使用嵌套 iframe 时 iframe 的高度太高。

请参阅以下网址： http ://champion.fme-cat.com/outer.htm

单击下拉列表并注意高度太高。

现在，当您向下滚动选项列表时，高度会缩小，直到最终到达列表中的最后一个选项时，高度是正确的。

有想法该怎么解决这个吗？

谢谢。