Iframe заставляет высоту документа быть равной высоте окна / области просмотра на устройствах IOS (chrome & safari)

Question

Я пытаюсь встроить веб-сайт, на котором у меня нет контроля.

Проблема, о которой говорилось в заголовке, сталкивается с бесконечной прокруткой внутри iframe.Если я пытаюсь открыть оригинальный сайт, он работает.кто-нибудь знает, почему это произошло?

Проверьте этот https://revolution.themepunch.com/le-chef-restaurant-website-wordpress-template/ сайт, чтобы увидеть ожидаемый результат.в то время как если вы попытаетесь загрузить его в iframe, он не будет отображаться правильно.Код:

<iframe  src="https://revolution.themepunch.com/le-chef-restaurant-website-wordpress-template/"></iframe>

Обновления: после отладки этой страницы я обнаружил странное поведение, которое заключается в том, что высота документа равна высоте окна / порта просмотра, что является причиной этой проблемы.Что может привести к такому поведению (высота документа == высота окна), я не могу найти какую-либо часть кода, которая изменяет высоту окна, используя API, например resizeto или другие вещи.

Примечания:

1. Размер загруженного веб-сайта составляет около 20 МБ.
2. Он правильно открывается на устройствах Andorid.
3. Для Iphone, если анимация прокрутки разветвлена, тогдамой сайт полностью разбился.

Answer 1

У меня точно такая же проблема.Выложу ответ как только разберусь.Пока что ни одно из опубликованных мной решений не сработало (вероятно, потому что я любитель, когда дело доходит до CSS).

EDIT (x-post / repost):

ХорошоТаким образом, ответ, который я нашел, состоит в том, что если вы установите scrolling = no для своего iframe, то ошибка исчезнет.К сожалению, у проекта, над которым я работаю, должен быть прокручиваемый iframe, так что это своего рода проблема для меня, но я надеюсь, что это решение поможет!

var iFrame = document.getElementById("iFrame");
iFrame.scrolling = "no";