Fancybox iframe, неправильный размер содержимого iframe при создании экземпляра swiper на целевой странице

Question

У меня есть раздел новостей на странице, когда я нажимаю на новость, открывается окно-вкладка fancybox, показывающее страницу новостей.

Страница новостей содержит 3 изображения сверху и текст в теле страницы, а при загрузке страницы я создаю новый слайдер Swiper с изображениями. К сожалению, в iOS Safari создание слайдера с этими изображениями приводит к неправильному размеру содержимого iframe.

Это происходит только в iOS Safari, потому что, если я тестирую в chrome с включенной панелью инструментов устройства, все работает как положено.

Я приложил видео по этой проблеме на этой ссылке

Answer 1

Во-первых, fancybox работает нормально.Сценарий присоединяет событие load к элементу iframe, а затем (внутри этого события) считывает ширину / высоту элемента body и использует эти значения для изменения размера родительского элемента iframe, чтобы размеры iframe соответствовали размеру страницы.

Если вы (или какой-либо сторонний скрипт) измените макет, то, очевидно, изменятся и размеры страницы.В этом случае вы можете выполнить parent.jQuery.fancybox.getInstance().update(); (изнутри страницы iframed), чтобы вызвать метод обновления, который снова выполнит изменение размера.