问题标签 [iframe-resizer]

我正在使用出色的 iframe-resizer 脚本（https://github.com/davidjbradshaw/iframe-resizer），除了特定情况外，我可以全面使用它。我在 iframe 中的网站使用 https:// (siteB.com)，而我的 iframe 所在的网站 (siteA.com) 使用 http://。这给了我以下错误：“无法在'DOMWindow'上执行'postMessage'：提供的目标来源（' https://siteB.com '）与收件人窗口的来源（' http://www.siteA .com ')。” iframe 的计算适用于除 iPhone (Safari) 之外的任何地方，其中宽度计算不正确（它更宽），可能是这个错误导致了问题吗？SiteB.com 使用 iframeResizer.contentWindow.js，

尝试将来自同一站点（SiteA.com）的页面放入 iframe 中，这在 iPhone 上没有问题。那么这是一个 SSL 问题还是可能是什么？非常感谢帮助，谢谢！

希望有人可以帮助我让 iFrame Resizer 插件 ( https://github.com/davidjbradshaw/iframe-resizer ) 正常工作。

• 我的测试页面是： http: //www.chapmancaravans.com.au/new-used/test.php
• iFrame 内容添加了 iframeResizer.contentWindow.min.js 脚本
• 我正在使用典型设置

当我在设备（手机/平板电脑）上查看测试页面时，效果很好。但是当我在桌面上查看它并缩小浏览器窗口时 - iFrame 被切断并且根本不会调整大小。

有人对我可能在这里遗漏的内容有任何建议吗？

非常感谢。

我正在使用iframe-resizer进行一些 URL 屏蔽。我使用 Visual Studio Template for ASP.NET MVC5 创建了一个 Web 应用程序作为 iframe 的源，并创建了一个只有一个 HTML 页面的网站来托管我的 iframe。掩码域托管在http://bitmake.azurewebsites.net/并且它需要是 ASP.NET 站点。具有 iframe 的站点托管在http://desenv.bitmake.tecnologia.ws/并且可以是 windows 或 linux。我拥有这两个域并且可以同时管理这两个域。一切都很好，我单击的所有链接都可以正常工作，除非我单击重定向到另一个域的链接（http://www.anotherwebpage.com）。阅读文档我看到这是解决这个问题的一个选项，checkOrigin初始化选项，所以我像这样初始化调整器

但我仍然收到错误。你可以在F12查看

阅读这个 SO 问题，我发现它可以在 Global.asax 文件的源站点（bitmake.azurewebsites.net）中“变通”。我将 Global.asax 更改为“AllowAll”选项，但它仍然无法正常工作

使用动态 iframe 的 David Bradshaw iFrame Resizer 代码。最初，它工作并将 iframe 的适当高度设置为内容。但是当用户单击链接转到 iframe 中的另一个页面时，如果内容较少，高度不会缩小。如果内容更多，它会升迁就好了。

我尝试使用 heightCalculationMethod 的各种属性，结果都一样。我查看了较小页面的 iframe 的内容，我看到的是一个 html 表格（没有定义的高度），然后在 body 标签内有一个巨大的间隙（也没有定义高度）。我在这里想念什么？

这是我的脚本..

是否可以仅重置 iframe 高度？

我想在我的网站上插入一些主题演示供我的客户查看。但我无法将 iframe 高度作为内容高度。一种解决方法可能是将 iframe 高度设置为浏览器高度减去我网站的标题/菜单。但我不知道如何实现它。

使用 David J. Bradshaw 惊人的iframe-resizer JavaScript 库。包含表单的跨域 iFrame 在表单提交后正确缩小。但是，父页面不遵循子页面内的锚链接，这会将提交重定向到表单容器的顶部。

因此，包含的 iFrame 会移出位置，甚至超出视野。

有没有办法让父页面跟随（iFramed）子页面的重定向锚链接？

所以我使用了很棒的iframe-resizer库来调整 iFrame 的大小并使其保持焦点。

问题是（对我来说）我不知道如何制作 iFrame，在调整大小时，在顶部添加一些额外的填充。

发生的事情是 iFrame 在某个点重新调整大小并且窗口向上滚动，但 iFrame 位于固定菜单下方（见下文）。我认为这是因为 iFrameResize 使用的是完整的窗口大小并且不考虑固定菜单。我不确定如何修复它？

这里基本上是html

如果有人可以指导我更改和/或添加额外的参数来添加这个额外的填充，那就太棒了。

作为记录，我尝试添加额外的 margin-top 和 padding-top 但这并不能解决问题。此外，第一次加载页面时，两列的高度应该相同，因此这不是一个理想的解决方案。

我已将 yammer 评论嵌入代码添加到我们的 SharePoint 2013 页面布局中。我们希望提要的高度根据评论的数量而变化。

我尝试使用此处提到的 yam.on 代码： https ://developer.yammer.com/docs/feed-events

但是 /embed/feed/loadingCompleted 事件似乎在评论完成渲染之前触发。是否有任何类型的 postMessage 可以用来知道内容何时完全加载？理想情况下，它将内容高度传递给父窗口。

如何滚动到 IFrame 页面内的某个锚标记？

使用 David J. Bradshaw 的巧妙的 Iframe-Resizier 库 https://github.com/davidjbradshaw/iframe-resizer 我在外部页面中包含了一个包含大量内容（=长页面）的 IFrame。因此，如果我链接到该页面，那么大部分内容在第一个屏幕上不可见，并且在某些情况下，我想跳转到 iframe 中更下方的特定锚标记。

似乎不起作用

我正在使用“inPageLinks：true”，如下所示：

我现在的问题是：如何使外部页面向下滚动到某个锚标记，而无需在 iframe 页面内实现新的东西？在这种情况下，锚标记位于 IFrame 页面内。

当我包含 IFrame 页面时

然后，IFrame 的（重新）大小调整似乎无法正常工作，并且 iframe 顶部的内容被截断。

但是使用 moveToAnchor 它可以在 IFrame 内部完美运行，并且页面会神奇地向下滚动到锚标记。所以在 iframe 页面中我可以调用：

但是我怎样才能从父页面触发呢？

导致此错误：

和

似乎完全没有效果。

（在这种情况下，外部页面和 iframe 具有不同的服务器名称。）

结果：

我可以从外部页面跳转到 iframe 中的锚点吗？

我在 wordpress 安装上运行 iframe resizer 3.5.3。我不能说我真的知道自己在做什么，但我在网上做了很多阅读和谷歌搜索，并启动并运行了 iframe-resizer。

我的 iframe 嵌入在页面中间，所以我过去常常scrollTo()让它向下滚动到 iframe。请参见下面的代码：

这有效，但scrollToOffset()没有。我不明白为什么一个应该工作而另一个不工作。这是代码：

为什么一个应该工作而另一个不工作的任何理由？难道我做错了什么？