根据内容调整iframe的大小

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>

非常感谢任何帮助。

编辑： 我只需要iframe来自动调整大小。它会调整大小，但当内容显示更长的数据集时，它不会变小。

Answer 1

您可以使用此CSS在iframe显示的页面中显示滚动。

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