我在页面上有一个新闻部分,当我单击新闻时,会打开一个花式框iframe,显示新闻页面。
新闻页面的顶部包含3张图像,页面正文上带有一些文本,并且在页面加载时,我使用图像创建了一个新的Swiper滑块。 不幸的是,在iOS Safari上,使用这些图像创建滑块会导致iframe内容的尺寸不正确。
此行为仅在iOS Safari上发生,因为如果我在启用了设备工具栏的chrome中进行测试,那么一切都会按预期进行。
我已在this link
附加了有关此问题的视频答案 0 :(得分:0)
首先,fancybox正常工作。该脚本将load事件附加到iframe元素,然后(在该事件内)读取body
元素的宽度/高度,并使用这些值来调整iframe父元素的大小,以使iframe尺寸与页面尺寸匹配。
如果您(或某些第三方脚本)更改了布局,那么显然页面尺寸也会更改。在这种情况下,您可以执行parent.jQuery.fancybox.getInstance().update();
(从iframed页面内)以调用将再次调整大小的更新方法。