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 地址