想问下关于iframe自动适应高度的问题 [问题点数:30分]

jidong145 2013-07-29 03:58:43
主页用了三个iframe,分别是 a b c三个页面,点击a页面上的导航就把b页面替换掉,问题就来了,把b页面替换成d页面之后,因为b页面和d页面的高宽不一样,d页面加载进来后,高比b小好多,就出现了d页面和c页面直接有一大片的空隙.

有没有办法就是在加载d页面的同时,获取d页面的高度,然后设置iframe的高度?
...全文
67 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
lqkankan 2013-07-30
  • 打赏
  • 举报
回复
$("#contentFrame").load(function() { var thisheight = $(this).contents().find("body").height() + 30; $(this).height(thisheight < 500 ? 500 : thisheight); });
相当之稳重 2013-07-29
  • 打赏
  • 举报
回复
自适应高度: <iframe id="mainContent" name="mainContent" src="Welcome.aspx" frameborder="0" scrolling="no" onload="this.height=mainContent.document.body.scrollHeight"></iframe>
md5e 2013-07-29
  • 打赏
  • 举报
回复
可以设置 jQuery(parent.document).find("#iframeID").height(jQuery(document).height());

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧