javascript - 调整元素高度以避免双滚动

Question

我为客户设计了一个页面，该页面通过 iframe 标签合并了 PDF。因此，如果 pdf 很大，则有两个滚动条：一个是页面，另一个是嵌入到 iframe 中的 pdf（PDF 由浏览器中集成的 Adob​​e 插件加载）。如何调整 iframe 高度的大小以仅维护页面滚动条？

谢谢，弗朗西斯科。

Answer 1

您可以使用overflow来防止滚动条

HTML：

<iframe src="..." class="pdf-frame"></iframe>

CSS：

.pdf-frame {
    overflow: visible;
}

Answer 2

好吧，如果你说过<iframe id="myiframe" ...

您可以使用 jQuery 通过动态设置高度来调整它的大小：

$("#myiframe").height('someHeight');

或在 javascript 中：

document.getElementById("myiframe").style.height = "someHeight";

或者，如果您正在寻找其他内容，这里有一篇有趣的文章（Dynamically resize divs with jQuery）。