我正在制作一个左侧有嵌套下拉菜单系统的页面。菜单上的每个项目都指向不同的页面。为了将页面加载时间保持在最低限度，我将内容加载到包含在td中的div中的iFrame中。我观察到当屏幕太短时，菜单可以渲染出页面。我想调整iFrame的大小以适应窗口的范围，希望通过使屏幕与窗口大小相同来防止菜单渲染屏幕，并且还防止可怕的多个滚动条。
我已经尝试了几种方法来实现这一点而没有运气。我尝试过的各种方法包括this和these.我不知所措，并开始在监视器上打我的脑袋。请帮忙！
答案 0 :(得分：0)
如果没有代码示例，则很难诊断，但我建议您确保在iframe上将宽度和高度属性设置为100％并且您在包含iframe的div和td上有高度：100％样式。
假设所有元素都占据了子元素的100％高度，这是一个常见的错误。
除此之外，我建议你不要为此目的使用iframe。现在有很多缓存选项，当涉及到缩放，javascript等时，你会用脚射击自己。
答案 1 :(得分：0)
在呈现页面（和主要内容）之后，您可以消除iFrame并使用Ajax将辅助内容加载到隐藏的DIV中。
否则，为什么你不能像我们这样的东西
$("iFrame").css("height", $(window).height() - some offset));