Fancybox iframe,在目标页面中实例化滑动器时,iframe内容大小错误

时间:2019-05-01 15:29:09

标签: fancybox fancybox-3

我在页面上有一个新闻部分,当我单击新闻时,会打开一个花式框iframe,显示新闻页面。

新闻页面的顶部包含3张图像,页面正文上带有一些文本,并且在页面加载时,我使用图像创建了一个新的Swiper滑块。 不幸的是,在iOS Safari上,使用这些图像创建滑块会导致iframe内容的尺寸不正确。

此行为仅在iOS Safari上发生,因为如果我在启用了设备工具栏的chrome中进行测试,那么一切都会按预期进行。

我已在this link

附加了有关此问题的视频

1 个答案:

答案 0 :(得分:0)

首先,fancybox正常工作。该脚本将load事件附加到iframe元素,然后(在该事件内)读取body元素的宽度/高度,并使用这些值来调整iframe父元素的大小,以使iframe尺寸与页面尺寸匹配。

如果您(或某些第三方脚本)更改了布局,那么显然页面尺寸也会更改。在这种情况下,您可以执行parent.jQuery.fancybox.getInstance().update();(从iframed页面内)以调用将再次调整大小的更新方法。