更改iframe的高度以適應動畫內容

我在iframe中有一些內容，但點擊時的內容會隨着動畫改變高度。我需要更改iframe的高度以匹配新的動畫高度，這將如何完成？更改iframe的高度以適應動畫內容

可以看到設置有不工作，你點擊的名字之一，你會看到動畫。

你可以從父文檔與JS的功能只是在父節點定義一個函數，並像這樣調用它;

parent.setIFrameHeight(newValue);

和您的setIFrameHeight函數應該是這樣的;

function setIFrameHeight(value) { 
    document.getElementById("iframe").height = value + "px"; 
}

2012-11-16 16:03:58

僅供參考，如果IFRAME具有相同的起源策略符合這隻會工作。如果iframe嵌入到與調用方沒有相同方案或主機的另一個頁面中，則無法使用此技術。 – freshnode

這是相同的域名，但問題與下面提到的問題相同，當您點擊iframe中的內容時，如何獲得動畫效果？有沒有一種方法可以在框架中顯示的網站中添加iframe高度更改？他們是同一個域的一部分？ – loriensleafs

檢查示例http://jsfiddle.net/e4K7Q/。如上所述，您必須從iframe文檔調用Resize函數。 –

您可以使用jQuery庫來做到這一點，甚至可以輕鬆動畫事件。

一個簡單的jQuery例子例如：

HTML：

<iframe id="iframe-box" src="httml://jsfiddle.com" height="100px" width="50px"></iframe> 

<div id="clickme" > 
    click me 
</div>

的Javascript

$(function(){ 
    $('#clickme').click(function(){ 
     $('#iframe-box').animate({'width':'200'}) 
    }) 
});

更新

如果您要訪問的iframe裏面的內容，你也可以使用jQuery和content()功能做到這一點：

jQueryObject = $("#iframe-box").contents().find("#somecontent")

2012-11-16 16:09:46

所以當你點擊iframe中的內容時你如何獲得動畫效果？有沒有一種方法可以在框架中顯示的網站中添加iframe高度更改？他們是同一個域的一部分？ – loriensleafs

我不完全確定我瞭解你的問題評論，但讓我知道，如果擴大的帖子幫助你。 –

回答