easyXDM爲iframe添加了神祕的額外高度

Question

我必須將服務提供者的內容放置在父網站的iframe中。 iframe內容的高度會根據用戶交互動態更改。

問題我面對的是有一些額外的高度添加到iframe。我不確定身高是從哪裏來的。

任何洞察讚賞。

LINK TO PAGE

Answer 1

我不相信這是easyXDM的故障。

看來正在計算的高度是iframe的當前寬度。如果刪除HTML文件中的第28行，則會看到高度已完全填滿。 （或者以下線）（或者你也可以按原樣留下的代碼，並在你的開發工具禁用高度風格和看到的結果）

this.container.getElementsByTagName("iframe")[0].style.width = "500px"; 

因爲很難修改代碼的調試器，下我想嘗試的是，將寬度設置爲您希望在填充內容和計算出的高度之前的寬度。

Answer 2

我遇到了同樣的問題 當您將高度指定給iframe元素時，請勿將其分配給所有iframe。因爲它會影響廣告和社交媒體插件中的iframe。

所以我做了以下

$('#divID iframe').height(easyXDMmessage); 
$('#divID iframe').width('100%'); 

Answer 3

在空I幀的情況下，我跑到那裏，如果你設置高度爲0px，父塊元素仍然會顯示空的至少一條線的問題文本。這是因爲iframe實際上是內聯元素，所以即使iframe本身的高度爲零，它們的父塊仍然會顯示一行高度的文本。這裏是簡單的修復：

iframe#my_iframe { display:block; }