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

Question

我为客户设计了一个页面，该页面通过iframe标记合并PDF。因此，如果pdf很大，则有两个滚动条：一个页面和一个嵌入到iframe中的pdf（PDF由浏览器中的集成Adobe插件加载）。我如何才能在iframe高度上重新调整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";

或者如果您正在寻找其他内容，则会有一篇有趣的文章here (Dynamically resize divs with jQuery)。