Fancybox 3 IFrame 内容之间的过渡动​​画效果

Posted

技术标签:

【中文标题】Fancybox 3 IFrame 内容之间的过渡动​​画效果【英文标题】:Fancybox 3 Transition Animation Effect Between IFrame Content 【发布时间】:2020-05-27 05:52:44 【问题描述】:

我有一个在 Fancybox 3 iframe 中拉起的表单。用户提交表单,它处理并转发到确认页面。当这种转换发生时,Fancybox 将确认页面的 iframe 大小更新为内容的大小(小于表单)。到目前为止,一切顺利。

但是,我想让这个过渡动画化,这样 iframe 不仅会改变大小,而且会在它从大到小过渡时平滑地制作动画。我在 FancyBox3 文档中看到了如何使用内联内容执行此操作,但尚未找到如何使用 iframe 内容实现此操作。有可能吗?如果可以,我该怎么做?

【问题讨论】:

【参考方案1】:

抱歉,如果您使用的是自动调整大小功能,目前还不能开箱即用。也许您可以使用afterLoad 回调来存储初始宽度/高度值,然后在下一个加载事件中您可以读取新值并将 iframe 包装元素设置为新值。它可以工作,但我没有尝试过。

【讨论】:

以上是关于Fancybox 3 IFrame 内容之间的过渡动​​画效果的主要内容,如果未能解决你的问题,请参考以下文章

Fancybox - 单击 iframe 上的链接,更新 URL 地址

Fancybox V2 适合内容宽度 iframe

fancybox iframe 内容和谷歌搜索

根据内部更改的内容动态调整 jQuery Fancybox 的 iframe 高度

FancyBox iframe 高度问题

Fancybox iframe 内容 - 如何从父级访问 CSS?