问题标签 [iframe-resizer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
365 浏览

jquery - Bootstrap modal pop 将成为 iframe 的顶部

我有一个包含 iframe 的应用程序,它在单击按钮时打开引导模式弹出窗口,我面临的问题是弹出窗口粘在 iframe 容器的顶部,而不是相对于打开它的元素,模式当我将 iframe 应用程序作为独立打开时,弹出窗口工作正常。我在用

iframe 调整大小

jquery 库也可以调整 iframe 的大小。

0 投票
1 回答
490 浏览

iphone - Iphone 上的 Bootstrap 模式弹出问题

我正在将iframe-resizer用于跨域应用程序,Iframe 在桌面和安卓设备中加载良好,但在我的 Iphone 上,我面临以下问题:

当我在页面上滚动时,Iframe 应用程序上的引导模式弹出窗口隐藏并闪烁。我试过了

-webkit-溢出滚动:触摸;

在 Iframe 的容器上,但这不起作用。

任何帮助/建议将不胜感激。

0 投票
1 回答
202 浏览

iframe - iFrame 没有缩小尺寸

我正在尝试在带有iFrame-Resizer 版本 4.2.2的 iFrame 中使用此站点:

https://dealertile.com/

但是,我无法获得一致的 iFrame 大小。首先,我必须使用自定义的 'heightCalculationMethod' 或 iFrame 仅渲染到 150px 高度:

  • bodyOffset = 150 像素高度。
  • bodyScroll = 正确的初始高度。在页面更改时增长,但不会缩小。
  • documentElementOffset = 150 像素高度。
  • documentElementScroll = 正确的初始高度。在页面更改时增长,但不会缩小。
  • max = 正确的初始高度。在页面更改时增长,但不会缩小。
  • 最小 = 150 像素高度。
  • 增长 = 正确的初始高度。在页面更改时增长,但不会缩小。
  • 最低元素 = 正确的初始高度。在页面更改时增长,但不会缩小。
  • 标记元素 = 0px 高度。

你可以在这里看到我的演示 iFrame:https ://dealertile.com/demo/

有人可以帮我弄清楚为什么 iFrame 没有缩小而只会增长吗?

0 投票
0 回答
177 浏览

javascript - iframe resizer 在 iphone safari 浏览器中不起作用

我正在使用 iframe resizer 将一个从一个站点嵌入到另一个站点,这在所有 Windows 和 Mac 上都可以工作,但在 iphone 上却没有 ios 13。问题是当我通过单击下一步按钮然后从顶部剪切来切换 froms 时,你能给我一个解决方案吗?这是标题为“Badrechner - Finden Sie heraus was Ihr Bad kostet”的https://mft-haustechnik.de/badsanierung/表格

0 投票
0 回答
103 浏览

iframe-resizer - Privacy Badger 扩展使用 iframe-resizer 阻止 iframe 内容

Privacy Badger 扩展阻止来自任何运行 iframe-resizer 的 iframe 的内容。
控制台警告是:[iFrameSizer][Host page:xxx] IFrame 在 5 秒内没有响应。检查 iFrameResizer.contentWindow.js 是否已在 iFrame 中加载。如果一切正常,则可以忽略此消息,或者您可以将 warningTimeout 选项设置为更高的值或零以抑制此警告。

有没有办法在父页面上对此进行测试并向访问者显示一条消息以禁用扩展程序?

0 投票
1 回答
268 浏览

joomla - iFrame 限制为 150 像素高度

我正在使用 iFrame Resizer 脚本在此处嵌入 iFrame:http: //cfmfloors.com/tilecatalog

iFrame 在其他网站上完美加载,但不是这个。为什么?

0 投票
1 回答
65 浏览

video-streaming - 在 iframe 中加载视频时,Firefox 滚动条但不在 Chrome 上

在 Iframe 中加载远程视频时找不到问题。在 Firefox 上,它显示向右滚动,但在 Chrome 上,它的视频工作正常 css 如下

远程视频{右:0;底部:0;最小宽度:100%;最小高度:100%;}

0 投票
0 回答
133 浏览

javascript - 重写滚动事件或误触发滚动事件

有人能帮我重新编写一些 aos.js 脚本吗?长话短说,我试图让 aos 在 iF​​rame 中工作。我正在使用 iframeResizer.js,我可以将视口的高度从父页面发送到 iFrame。我还可以发送滚动偏移量。我需要弄清楚的下一点是如何在 aos.js 中使用这些数据。到目前为止,我已经设法将 aos.js 中以前使用窗口的高度和滚动位置的任何内容更改为使用父页面的高度和滚动位置,这看起来很有希望。以前所有 aos 动画在页面加载后立即播放,现在它们等待滚动事件触发。问题是,aos.js 中有一些我不能的代码 为了重写它以触发来自 iframeResizer.js 的回调的滚动,请不要动脑筋。我一直在尝试让这些基于滚动的动画在 iFrame 中运行,这看起来像是永恒的,所以任何帮助都将不胜感激。

因此,据我所知,aos.js 中有一行带有 3 个事件侦听器,其中最后一个是滚动事件。它看起来像这样,但括号中有一些我以前从未见过的奇怪参数。

window.addEventListener("scroll", (0, u.default)(function() {}

我尝试编写自己的函数,但我只是不明白 (0, u.default) 部分是什么或如何使用它。不幸的是,整个 aos.js 脚本远高于我的 JavaScript 水平。如果有人能告诉我如何触发同一个事件监听器,我将非常感激!

我一直在尝试的另一个选择是伪造滚动事件......就像每次滚动位置发生变化并从父级发送到我的 iframe 时我可以伪造一个滚动事件......但我没有任何运气。我想知道这是否可能?

我认为现在这些信息已经足够了,但是如果有人愿意提供帮助并且想要更多信息,请大声喊叫。

谢谢

0 投票
1 回答
106 浏览

iframe - 如何更改 `iframe-resizer` 正在使用的选项?

我的页面上有一个 iframe,我正在使用iframe-resizer调整大小以匹配其内容。我正在使用该maxHeight选项来限制其大小。这工作正常。

但是,有时我想更改 , 的值maxHeight以响应父页面中的操作。

我试过打电话iframeResizer(newOptions, myIframe),但这似乎并没有改变任何东西 - 旧选项仍然有效。

有没有办法可以即时更改选项?

0 投票
1 回答
131 浏览

javascript - javascript 不能在 Squarespace 中工作,但它可以在 Squarespace 之外工作

我正在尝试从客户端嵌入 iframe,并且需要根据个人信息调整表单的大小。他们建议我们使用 resize.js ( https://github.com/davidjbradshaw/iframe-resizer ) 来调整它的大小。CSS“高度:自动”在这里不起作用。

我添加了 js 文件和所有内容,它适用于从我的 (.html) 文件打开的浏览器。但它不适用于 squarespace,后来发现它也不适用于 CodePen。下面是代码笔链接。

[codepen`$(函数(){

`] 1