iframe身高尺寸在100％

我知道這個問題有很多問題，但我沒有解決就嘗試了所有問題。我想插入一個iframe（或嵌入對象，我沒有任何問題），我正在嘗試使iframe是在完美的高度內，我不會有任何滾動條內的div。iframe身高尺寸在100％

問題是我沒有訪問<head>。這是一個WordPress的，我沒有訪問的主題。

這裏是我做了什麼直到現在

<script type="text/javascript"> 
var sheet = document.createElement('style') 
sheet.innerHTML = "html, .entry{height: 100%;} #content{height: 100%;} .post-1631{height: 100%;} .page{height: 100%;} .padder{height: 100%;} .row{height: 100%;} .container{height: 100%;} body{height: 100%;}"; 
document.head.appendChild(sheet); 
</script> 

<iframe src="http://..........com" width="100%" height="100%"> 
</iframe>

裏面的JavaScript，我改變所有的父標籤height:100%直到頭。我不知道它是否正確，但我認爲我必須改變它們。任何建議？

問題2：正如我試圖解決最初的問題，我發現了另一個問題，但我不想爲此打開一個新的問題。嵌入式頁面有很多<a href="#div-id"></a>這意味着當我點擊這個鏈接時，我會重定向到在同一頁面中使用該id的div。但不幸的是，這不起作用。我點擊鏈接，但沒有任何事情發生。

來源

2013-10-23 Tasos

這是一個適用於我的功能 - 我以前沒有回憶過去，所以很遺憾沒有正確歸因於它！您可能需要稍微調整一下它的使用環境。

function sizeFrame() { 
    var F = document.getElementById("YourFrameIdGoesHere"); 
    if (F.contentDocument) { 
     F.height = F.contentDocument.documentElement.scrollHeight + 80; //FF 3.0.11, Opera 9.63, and Chrome 
    } else { 
     F.height = F.contentWindow.document.body.scrollHeight + 80; //IE6, IE7 and Chrome 
    } 
} 

window.onload = sizeFrame;

來源

2013-10-23 18:48:17

我向iFrame添加了一個id，並在javascript中添加了相同的id，但不幸的是，它不起作用。 – Tasos

對不起，我誤解了這個問題。你不是想調整IFRAME的大小，而是包含IFRAME的div。我們事先知道IFRAME中內容的MAX高度，所以我們包含的div的大小適當，以防止滾動條。如果你的IFRAME的內容是動態的，並且你事先不知道高度，那肯定會更具挑戰性。祝你好運！ –

iframe身高尺寸在100％

回答

相關問題