iFrame PDF滚动基于内容高度

iFrame PDF Scrolling Based on Content Height

本文关键字：于内容 高度 滚动 PDF iFrame      更新时间：2023-09-26
<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框的高度。我想做的事不可能吗?

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

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

我有它在一个数据角色内容div，所以它从浏览器的宽度。我没有确定pdf的高度，所以只要设置一个大的值，它就会调整大小。在我的情况下，pdf之后没有更多的空白。

你也可以使用google reader:

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

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

  • http://davidjbradshaw.github.io/iframe-resizer/
  • https://github.com/davidjbradshaw/iframe-resizer
相关文章：