Question

我尝试了很多解决方案，但在我的网站上没有效果。

现在我使用：

<iframe src="http://www.travelstoremaker.com/ibe/turismoin/porch?command=flights" frameborder="0" marginwidth="0" marginheight="0" width="906" height="5000"></iframe>

您可以在此处查看：http://turismo-in.it/voli-in-italia/

现在我发现了这个：

    var transport = new easyXDM.transport.BestAvailableTransport({
    local: "../hash.html",
    remote: "http://provider.easyxdm.net/example/resized_iframe.html",
    container: document.getElementById("element_that_should_contain_the_frame"),
    onMessage: function(message, origin){
        this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
});

然后在内容

之后将以下内容放入iframes主体中

    var transport = new easyXDM.transport.BestAvailableTransport({}, function(){
    transport.postMessage(document.body.scrollHeight);
});

但是怎么做呢？在哪里我必须添加它？有用？！有一个解决方案可以自动调整跨域中iframe的高度吗？

P.S。我无法更改我的页面中的代码iframed但仅在我的网站

Answer 1

如果您无法更改iframed页面上的代码，则无法获得所需的高度。我尝试了很多解决方案，而我唯一有工作的就是使用帖子消息。但是，您必须能够从iframe发布消息。

iframe自动高度100％与跨域

1 个答案: