iframe內容高度。 使用父頁面滾動iframe內容

Question

我正在嘗試將動態圖庫添加到我正在處理的網站，但我僅限於HTML和CSS。 因此，我在自己的服務器上創建了一個單獨的頁面，其中包含所需的php文件以創建庫，並使用Iframe將庫頁面加載到站點。

問題是現在有兩個單獨的滾動條。 一個用於滾動iframe中的內容，另一個用於父頁面。 這使得頁面上的滾動非常混亂。 有什么辦法可以讓我擺脫iframe的滾動條，並能夠從父頁面滾動iframe中的內容。 無論如何，我可以讓Iframe表現得像一個div？ 我認為最好的方法是設置iframe的高度，以便iframe的高度會改變以適應其中的內容。 這樣我認為iframe上不需要滾動條。

這是我試圖用iframe加載的圖庫頁面http://lejund.com/plugin/# *

我願意接受你的所有建議。 除了Iframe之外，還有更好的方法來實現這一目標嗎？

謝謝

Answer 1

我在davidjbradshaw的github上找到了這個解決方案。 https://github.com/davidjbradshaw/iframe-resizer

它使用window.postmessage來實現這一目標。