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>

更新：調試該頁面后，我發現有一個奇怪的行為，即文檔高度等於窗口/視圖端口高度，這就是此問題的原因。 可能導致這種行為的原因（文檔高度==窗口高度），我找不到使用resizeto或其他內容的API修改窗口高度的代碼的任何部分。

筆記：

1. 加載的網站大小約為20MB。
2. 它在Andorid設備上正確打開。
3. 對於Iphone，如果出現滾動動畫，則我的網站完全崩潰了。

Answer 1

我遇到了完全相同的問題。 一旦我知道答案，就會發布答案。 到目前為止，我發現的所有發布解決方案都沒有起作用（可能是因為我是CSS的業余愛好者）。

編輯（x-post / repost）：

好的，所以我找到的答案是，如果您為iframe設置scrolling = no，那么該錯誤將消失。 不幸的是，我正在處理的項目需要具有滾動iframe，所以這對我來說是個問題，但我希望此解決方案有幫助！

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