Javascript 基于内容高度的iFrame PDF滚动 //基本设置为100%w/h //我想加载的PDF滚动,如果它是超过100%的屏幕
我正试图让iframe根据其中的内容进行滚动。目前,我没有幸为父div和iframe指定高度。我能做的最好的事情就是滚动到父母身高的底部。这就好像我无法计算iframe加载的内容的高度,而只是计算分配给iframe框的高度。我想做的是不可能的吗?我也为pdf做了类似的事情。它在安卓、ios和WindowsPhone 7/8上运行。这是我的密码:Javascript 基于内容高度的iFrame PDF滚动 //基本设置为100%w/h //我想加载的PDF滚动,如果它是超过100%的屏幕,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我正试图让iframe根据其中的内容进行滚动。目前,我没有幸为父div和iframe指定高度。我能做的最好的事情就是滚动到父母身高的底部。这就好像我无法计算iframe加载的内容的高度,而只是计算分配给iframe框的高度。我想做的是不可能的吗?我也为pdf做了类似的事情。它在安卓、ios和WindowsPhone 7/8上运行。这是我的密码: <div id="iframeTestID"> //abritrarily set to 100% w/h <iframe src
<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>
我将其放在数据角色内容div中,因此它从webbrowser中获取宽度。我并没有运气决定pdf的高度,所以只需输入一个大值,它就会调整大小。在我的例子中,pdf之后没有更多的空白
您也可以使用谷歌阅读器:
<iframe id="identifier" src="urltopdf" style="width: 100%; height: 1000px; border: medium none;visibility: visible;"></iframe>
您应该能够通过同时使用这两个库来实现这一点
<a href="http://docs.google.com/gview?embedded=true&url=urltopdf.PDF" data-transition="slidedown" class="ui-link-inherit"></a>