基于内容高度的iFrame PDF滚动

时间:2014-08-21 15:31:20

标签: javascript jquery html css iframe

<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框的高度。是我试图做的不可能吗?

2 个答案:

答案 0 :(得分:0)

我也为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>

答案 1 :(得分:0)

您应该可以通过将这两个库一起使用来实现此目的。