【问题标题】:Variable height in iframe [duplicate]iframe中的可变高度[重复]
【发布时间】:2012-10-27 20:33:29
【问题描述】:

可能重复:
How to auto-size an iFrame?

事情就是这样,我有一个包含很多链接的菜单,这些链接有一个 iframe 作为目标。

在 iframe 中加载的页面有多个高度,所以我想获取在 iframe 中加载的页面的高度并将其应用于 iframe。

我在网上尝试了一些带有 jquery 和纯 javascript 的代码,但都没有成功。

我该怎么办?

【问题讨论】:

  • iframe 中的页面是否在不同的域中?
  • 在同一个域中。

标签: javascript jquery iframe height


【解决方案1】:

如果页面在同一个域上,那么您可以计算 iframe 文档的高度,并根据高度设置 iframe 的高度。

$("iframe").load(
          function(){
          $(this).height($(this).contents().height() );
          }
       );

【讨论】:

  • 它在同一个域上,但是我如何获得 iframe 上加载的页面的高度来自动更改 iframe 的高度?我需要在 iframe 中加载的每个页面都使用其内容进行调整
  • @user1806962 查看我的回答。它会在页面加载时自动设置高度
  • 谢谢@Sushil,我在第一次尝试时犯了一个错误,但现在它工作正常。到目前为止,我对我尝试过的所有代码感到困惑,但现在你真的帮助了我。谢谢。
  • 您应该在此处分享您的解决方案,以便其他人可以从中获得帮助。
猜你喜欢
  • 2019-11-06
  • 2012-09-01
  • 2022-01-20
  • 1970-01-01
  • 1970-01-01
  • 2014-09-22
  • 2019-06-15
  • 2011-07-13
相关资源
最近更新 更多