0

我知道关于这个主题有很多问题，但我都试过了，但没有解决。

我想插入一个 iframe（或嵌入对象，对此我没有任何问题），并且我试图使 iframe 位于完美高度内的 div 没有任何滚动条。

问题是我没有访问权限<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。但不幸的是，这不起作用。我点击链接，但没有任何反应。

4

1 回答 1

0

这是一个对我有用的函数——我不记得我以前在哪里找到它，很抱歉没有正确归属它！您可能需要根据您使用它的上下文对其进行一些调整。

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-23T18:48:17.200 回答