2017-08-15 68 views
0

我有一個包含一個iframe的頁面。我曾嘗試與屬性滾動刪除滾動=沒有和滾動=「不」,但是沒有結果。iframe的自動高度不起作用

所以我希望它能夠根據它裏面的內容來調整它的高度,而無需使用滾動。

這裏是我的代碼:

<script> 
    function resizeIframe(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 

    } 
</script> 
<iframe src="" frameborder="0" onload="resizeIframe(this)" scrolling="no > </iframe> 
+0

[iframe的可能的複製 - 在內部更改自動高度在內部框架](https://stackoverflow.com/questions/35781928/iframe-auto-height-on-content-change-within-iframe) – FluffyKitten

+0

沒有相同的問題 – bams

+0

你將無法做到如果你的iframe指向另一個(子)domai n由於瀏覽器的同源政策。 –

回答

0

我不完全理解你想什麼,在這裏完成,我推測的iFrame犯規提供API來處理這個要求。

沒有滾動: 它是一種解決方法,但:通過用div包裝iframe來解決這個問題,用z-index將它放在頂部。光標不會像這樣訪問Iframe。還想要能夠點擊它?添加一個onclick函數,去除div的diff或者css。

改變高度: 只是不指定高度和寬度,該IFrame將您處理該問題?

關於代碼: 林不熟悉的onload功能,但假定它的iframe的加載後運行...

obj.style.height 

應該

obj.height 
+0

同樣的問題,滾動是有太多 – bams