根据内容调整内联框架

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; 
}