iFrame中的動態高度和固定元素

我試圖設置「面板」的高度，因此它填充了設備的全寬&高度。以前這沒問題，但現在網站正在運行一個iFrame，高度是MASSIVE。iFrame中的動態高度和固定元素

我正在使用此代碼：

var windowHeight = $(window).height(); 
$('.panel-adjust').height(windowHeight);

因爲它的iFrame中，似乎它產生一個很大的高度，由於內嵌框架（可能是所有面板的高度）

哪有我解決這個問題，以便它獲得實際的視口高度，而不是iFrame的高度？銘記這需要動態。 iFrame在另一個網站上，所以我沒有太多靈活性。

我也試圖將一個元素定位到視口/窗口的底部。通常情況下這樣做的工作：

position:fixed; 
bottom: 0; 
left: 0;

但現在是在iFrame中，固定元件是在網站（不是窗口）

任何想法的最底層？

2013-05-29 Jason Mayo

嘿！你的問題可能是一個難以處理，我建議你閱讀這個http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content/362564#362564 – krishgopinath

@passionateCoder只是有一個快速閱讀。那麼他們理論上是從父母那裏獲得視口的高度，然後將它傳遞給iFrame內容？ –

是的..我想這是主要的 – krishgopinath

獲取高度&父頁面（帶有iFrame）的視口寬度，然後將其傳遞給iFrame並收集它爲我工作。就像@passionateCoder所述。

2013-06-04 12:31:11

回答