自動調整靜態頁眉和頁腳內的iframe高度

我有一個頁面，其中包含一個靜態頁眉和頁腳，它在整個頁面中顯示。然後我有一個在頁眉和頁腳之間顯示的iframe。目前，iframe具有靜態高度。我想根據內部頁面的高度來調整高度，因爲iframe包含一個必須顯示在外部頁面中的應用程序。自動調整靜態頁眉和頁腳內的iframe高度

因此，外部頁面包含頁眉和頁腳，並在這些頁面之間顯示應用程序（在iframe中）。此應用程序中有很多頁面，因此我需要使iframe自動調整高度。

除了iframe之外，我還需要調整放置iframe的div的高度。因此，我必須在頁面更改時調整iframe本身和容器div的高度。

我該如何做到這一點？

預先感謝

來源

2010-11-15 seedg

function resizeContainer() { 
    var coordCont = getCoordinates($('#myContainer')); 
    var h = $(window).height() - coordCont.top - 18; 
    var minH = 800; 
    $('#myContainer').css({ height: h < minH ? minH : h, overflow: 'auto' }); 
};

獲取座標是以使左/頂部/寬度/高度/ zIndex的元素的我的一個自定義函數。我也使用minH，因爲我不希望內容少於800那麼我可以申請iFrame

來源

2010-11-15 10:15:52 rbhro

我的iframe不會再次加載（即頁面不刷新），鏈接是在iframe本身，有沒有辦法如何我可以這樣調整iframe的高度？ – seedg 2010-11-18 08:58:03

是的iframe是一個HTML標籤，像任何其他它可以調整大小使用CSS，如果你想這是動態所有你需要的是將上述方法附加到$（窗口）.resize（函數（ev）{resizeContainer（）;}）; – rbhro 2010-11-22 10:01:33

自動調整靜態頁眉和頁腳內的iframe高度

回答

相關問題