調整大小的iframe包每次更改它的src

Question

一次我設法調整iframe來包裝它這個代碼的內容它的內容：

var frameHeight = document.getElementById("fibertjekIframe").contentWindow.document.body.scrollHeight; 
$(this).height(frameHeight); 

，它工作正常第一次加載頁面，但iframe中是一種形式，當用戶提交表單時，他被重定向到該iframe中的另一個頁面。我希望iframe根據其內容調整大小。

我希望這會工作：

// Auto resize of the Fibertjek Iframe 
$("#fibertjekIframe").on("load", function() { 
    var frameHeight = document.getElementById("fibertjekIframe").contentWindow.document.body.scrollHeight; 
    $(this).height(frameHeight); 
}); 

的函數被調用每一次出現的iframe中，但由於某種原因，我得到iframe的舊高度加載新的src所以它仍然是相同的。

編輯：我已經調查了一些，我發現即使在表單提交後（在iframe中）和重定向後，iframe的src屬性保持不變，所以我認爲它仍然指舊頁面，即使它已被重定向。如何克服這個我唯一的想法是，將iframe源設置爲表單提交後我重定向到的頁面，但這不是方便和正確的解決方案...

Answer 1

我推薦使用你想要的iframe-resizer：https://github.com/davidjbradshaw/iframe-resizer