javascript - 根据内容调整 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;
}