你如何防止花哨的盒子的关闭按钮自动隐藏？

Posted 2023-05-09

【中文标题】你如何防止花哨的盒子的关闭按钮自动隐藏？

【英文标题】：how do you prevent fancy box's close button from auto hiding?

【发布时间】：2020-05-15 20:38:32

【问题描述】：

我有以下 iframe 情况。

<a _ngcontent-c27="" data-color="red" data-fancybox="id_ALPHA" data-opacity="1" data-src="https://startalkcreate.org/resource-modal/" data-type="iframe" href="javascript:;">
                <span _ngcontent-c27="" style="background-color:teal;color:white;padding:4px;">Browse Resources Repository</span>
            </a>

它很好地弹出窗口。但是关闭（关闭 [X]）按钮会在几秒钟后消失。不太精明的用户很难关闭弹出并最终使用后退按钮。有没有办法确保 x 始终保持可见？

【参考方案1】：

您可以使用idleTime 选项来禁用自动隐藏，只需将data-idle-time="false" 添加到您的链接。

【讨论】：

嘿，Janis，您是否知道阻止 iframe 自动调整大小的说明？我希望 iframe 弹出全尺寸（当然还有一些空间可以放置关闭按钮 [X]）。

默认启用自动调整大小 - 脚本调整 iframe 大小以匹配内容尺寸。如果您想拥有 100% 的宽度（和/或高度），则可以禁用预加载并使用 CSS 或 JS 设置自定义尺寸，请参阅此演示 codepen.io/fancyapps/pen/RYXOeK?editors=1100，您可以在此处找到更多示例 fancyapps.com/fancybox/3/docs/#iframe