单击iframe内容页面中的show hide按钮时,iframe高度不会自动增加

时间:2015-12-10 06:23:59

标签: javascript jquery html css twitter-bootstrap

在i帧内容页面中单击“显示隐藏”按钮时,帧高不会自动增加或减少。我该如何解决这个问题?

<iframe class="" id="ds"  seamless="" src="demo.aspx" style="width:100%; border:none; height:100%;"></iframe>
$("#ds").load(function () {
$(this).height($(this).contents().find("html").height());
});

1 个答案:

答案 0 :(得分:0)

这是一个非常常见的问题:

  1. 您需要控制两台服务器,即加载iframe的服务器和存在iframe的服务器。

  2. 你不能设置iframe高度,因为它是一个跨域的issur = e,所以它不允许改变它的高度(参见你的控制台whiile loadind页面它会显示错误)

  3. 您需要使用post messeage:参考https://css-tricks.com/cross-domain-iframe-resizing/

  4. 播放帖子消息,然后您就可以设置iframe的高度

    由于