Iframe內容高度。滾動iframe內容與父頁

我想添加動態圖片庫到我正在工作的網站，但我只限於HTML和CSS。因此，我在自己的服務器上創建了一個單獨的頁面，並使用所需的php文件創建畫廊並使用Iframe將畫廊頁面加載到網站。Iframe內容高度。滾動iframe內容與父頁

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

這裏是我想的是iframe http://lejund.com/plugin/# *

我打開您的建議加載畫廊頁。除了Iframe之外，還有更好的方法來實現嗎？

謝謝

來源

2013-10-11 lejund

添加onload事件以將iframe的高度設置爲內容高度是一回事。但是我猜最大的問題是在事件被激發後加載更多的圖像設置高度？ –

我想了解你的限制。您是否希望主頁面不可滾動，而只有iframe滾動？你能爲主頁寫javascript嗎？您可能希望將iframe中的行爲綁定到使用$（window）.scroll（）設置iframe的scrollTop的父級滾動事件...更多信息請 – Jazzuzz

主頁（innofeel.kr）我僅限於HTML JavaScript和CSS。我想添加一個需要PHP的動態圖像庫。所以我做的是在我的服務器上創建一個畫廊頁面，我沒有php的限制，並使用iframe加載主頁（innofeel.kr）中的內容。我希望Iframe具有相同的高度以適應它內部的任何內容，因此我不需要在Iframe上具有滾動條。我可以在主頁面上使用JavaScript。對困惑感到抱歉。 – lejund

我發現davidjbradshaw在github上該解決方案。 https://github.com/davidjbradshaw/iframe-resizer

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

來源

2013-10-12 15:50:45 lejund

Iframe內容高度。滾動iframe內容與父頁

回答

相關問題