基于内容高度的 iFrame PDF 滚动

Question

<div id="iframeTestID"> //abritrarily set to 100% w/h
  <iframe src="somePDFLink"></iframe> //I want the PDF loaded to scroll if it is longer than 100% of the screen
</div>

我正在尝试让 iframe 根据其中的内容滚动。目前，我没有为父 div 和 iframe 分配高度的运气。我能做到的最好的事情就是滚动到父母身高的底部。就好像我无法计算 iframe 加载的内容的高度，而只是计算分配给 iframe 框的高度。我想做的事是不可能的吗？

Answer 1

我也为 pdf 做了类似的事情。它适用于 android、ios 和 windows phone 7/8。这是我的代码：

<iframe id="identifier" src="urltopdf" style="width: 100%; height: 1000px; border: medium none;visibility: visible;"></iframe>

我将它放在数据角色内容 div 中，因此它从 webbrowser 获取宽度。我没有运气确定pdf的高度，所以只需输入一个大值，它就会调整大小。就我而言，pdf之后没有更多的空白。

你也可以使用谷歌阅读器：

<a href="http://docs.google.com/gview?embedded=true&amp;url=urltopdf.PDF" data-transition="slidedown" class="ui-link-inherit"></a>

Answer 2

您应该能够通过同时使用这两个库来做到这一点。

• http://davidjbradshaw.github.io/iframe-resizer/
• https://github.com/davidjbradshaw/iframe-resizer