如何調整div中包含的iFrame的大小，內部爲​​

Question

我正在製作一個頁面，其左側有一個嵌套的下拉菜單系統。菜單上的每個項目都指向不同的頁面。爲了將頁面加載時間降到最低，我將內容加載到包含在td中的div中的iFrame中。我觀察到，當屏幕太短時，菜單可能會在頁面之外渲染。我想調整iFrame以適應窗口的範圍，希望通過使屏幕與窗口大小相同來防止菜單脫離屏幕，並且還防止可怕的多個滾動條。

我已經嘗試了幾種方法來完成這個沒有運氣。我嘗試過的各種方法包括this和these.我不知所措，並開始在顯示器上擊敗我的頭。請幫忙！

Answer 1

如果沒有代碼示例，這是很難診斷，但我會建議你確保寬度和高度屬性被設置爲100％的iframe和你有一個高度：100％樣式在包含iframe的div和td上。

這是一個常見的錯誤，假設你的所有元素將佔據100％的子元素高度。

除此之外，我會敦促你不要爲此使用iframe。現在有很多緩存選項，當你需要縮放，javascript等時，你會在腳下拍攝自己。

Answer 2

你可以消除iFrame並使用Ajax將輔助內容加載到隱藏的DIV中，之後該頁面（和主要內容）已被渲染。

否則，你爲什麼不能只是我們像

$("iFrame").css("height", $(window).height() - some offset));