根據內容調整內聯框架

Question

我正在嘗試開發此網站。我是一個JavaScript的初學者，所以我沒有真正想出很多代碼，因爲我專注於html和css。

有沒有一種方法可以動態調整iframe的大小，但仍然有滾動條？就像我的iframe顯示太多的項目，然後它會調整到它的內容，但不足以實際調整頁面的整個高度。我有這個腳本來調整iframe，但我不希望它太大，如果它有很多顯示。

<!-- 
function autoResize(id){ 
    var newheight; 

    if(document.getElementById){ 
     newheight=document.getElementById(id).contentWindow.document.body.scrollHeight; 
     } 

    document.getElementById(id).height= (newheight) + "px"; 
} 
//--> 
</script> 

任何幫助，非常感謝。

編輯： 我只需要iframes自動調整大小。它調整大小，但是當內容顯示更長的一組數據時，它不會變小。

Answer 1

您可以使用此CSS在iframe顯示的頁面中顯示滾動。

html { 
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; 
}