Question

我知道有很多关于这个问题的问题，但是我没有解决就尝试了所有这些问题。

我想插入一个iframe（或嵌入对象，我没有任何问题），我正在尝试使用iframe在完美高度内的div，我将不会有任何滚动条。< / p>

问题是我无法访问<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。但不幸的是，这不起作用。我点击链接但没有发生任何事情。

Answer 1

这是一个适合我的功能 - 我以前找不到它的回忆，很遗憾没有正确归因于它！您可能需要针对您使用它的上下文稍微调整一下。

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;

iframe身高100％

1 个答案: