我为通过iframe标记合并PDF的客户设计了一个页面。因此,如果pdf很大,则有两个滚动条:页面中的一个和嵌入到iframe中的一个pdf(PDF由集成的Adobe插件在浏览器中加载)。如何调整iframe的高度以维持页面滚动条?调整元素高度以避免双滚动
谢谢, 弗朗切斯科。
我为通过iframe标记合并PDF的客户设计了一个页面。因此,如果pdf很大,则有两个滚动条:页面中的一个和嵌入到iframe中的一个pdf(PDF由集成的Adobe插件在浏览器中加载)。如何调整iframe的高度以维持页面滚动条?调整元素高度以避免双滚动
谢谢, 弗朗切斯科。
那么,如果你说<iframe id="myiframe" ...
您可以使用jQuery动态地设置的高度来调整其大小:
$("#myiframe").height('someHeight');
或在javascript:
document.getElementById("myiframe").style.height = "someHeight";
或如果你正在寻找其他东西,那么有一篇有趣的文章here (Dynamically resize divs with jQuery)。
通过jQuery/JavaScript设置高度,我需要知道什么是PDF高度,以设置正确的值。但是,由于PDF格式是以二进制方式加载的(而且并不相同),所以我不知道每次PDF文件的高度值,所以我不知道我可以在$(“#” myiframe“)高度( 'someHeight'); – fpellegrino
您可以使用overflow
防止滚动
HTML:
<iframe src="..." class="pdf-frame"></iframe>
CSS:
.pdf-frame {
overflow: visible;
}
添加** SCROLLING = “无” **'
@krish:在这种模式下,PDF不能被查看每个整数,但只有第一页。事实上iframe的高度并不是无限的,但是,并不适合pdf的原始高度。 – fpellegrino
如果以下答案中的任何一个提出了解决方案,请点击答案旁边的复选标记以接受答案。这将有助于未来用户搜索相同问题的答案。谢谢。 – SnareChops