我爲通過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