根據其內容調整iframe高度的大小有很多問題,但如果內容太長並且超出容器高度,該怎麼辦?在這種情況下,我希望容器高度相應地調整大小,如果設置溢出爲隱藏狀態,iframe無需滾動或修剪。我怎樣才能做到這一點?根據iframe中的內容調整iframe及其父高度的大小
回答
由於您的文檔和iframe是不同的域,因此一個javascript無法直接訪問另一個的DOM(請參閱same-origin security restrictions)。這意味着您無法直接訪問iframe的DOM,以瞭解它的大小,以便您可以在包含的文檔中將iframe大小設置爲該大小。
您爲此所做的任何選項都需要在iframe中進行一些代碼控制。例如,您可以在兩個iframe之間支持window.postMessage()
,並且包含文檔可以通過window.postMessage()
詢問iframe有多大,並在接收到響應時可以更改iframe的大小。
各種參考文獻:
http://css-tricks.com/cross-domain-iframe-resizing/
Cross-domain, cross-browser Iframe communcation, made easy!
添加了引用。 – jfriend00
非常感謝jfriend00。它有幫助。我還有一個關於在容器頂部放置iframe溢出的問題,但因爲它與這個問題無關,所以我只是標記了你的答案,併爲此打開了另一個問題。 – user2911374
如果你問我,應該用一個真正簡單的設置將它添加到HTML/CSS標準中,比如'framewrap:vertical;'響應文本可以高或低: - / –
- 1. 根據內容高度自動調整iframe的大小
- 2. 根據內容調整iFrame高度
- 3. 根據內容調整iframe高度
- 4. Disqus的iframe如何根據其內容調整其大小?
- 5. iFrame高度調整大小
- 6. 根據內容的高度調整iFrame的大小隻能放大?
- 7. 如何根據其內容調整iframe的大小?
- 8. 根據其內容動態調整iframe的大小
- 9. 從iFrame內容調整iFrame高度?
- 10. 調整iframe內容的高度iframe中的內容
- 11. 如何根據iframe的大小重新調整iframe的內容大小?
- 12. 如何通過iframe的是調整大小根據內容高度
- 13. 如何根據iFrame大小調整頁面內容大小
- 14. 在內容高度變化後調整iframe的大小
- 15. Iframe調整大小調整內容
- 16. 調整DIV高度可調整大小的iframe高度
- 17. Firefox:根據實際內容調整iframe的大小
- 18. 根據iframe內容調整對話框的大小
- 19. iframe內iframe的圖像大小調整
- 20. 設置iframe內容高度以動態自動調整大小
- 21. 根據其內容在另一個域中自動調整iframe的大小
- 22. 根據內容動態調整iframe高度
- 23. 根據內容自動調整iframe高度
- 24. 調整大小自動iframe高度
- 25. 調整大小的iframe高度時,iframe的變化(同一域)
- 26. 大小調整父窗口的iframe高度超過
- 27. iframe沒有調整內容高度
- 28. 調整其中包含調整大小的iframe的iframe的大小
- 29. 根據其內容調整div高度
- 30. 根據iframe內容調整模式
你TR是否要在iframe中調整來自JS的iframe的大小或者調整來自包含文檔的iframe的大小? iframe是否包含某個域作爲包含頁面? – jfriend00
我試圖根據iframe的內容來調整iframe和容器的大小,使用js。他們不在同一個域中。 – user2911374
你是試圖從iframe中的JS還是從包含的文檔中的JS來做?換句話說,你試圖從這裏做的javascript在哪裏? – jfriend00