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％

回答

相关问题