iframe设置动态高度仅适用于chrome

Question

我在我的网页上使用iframe。根据内容，我需要动态设置iframe的高度。我使用以下代码来实现此目的。

$('iframe').on('load',function(){
    $('iframe').attr('id','sop_iframe');
    $('#sop_iframe').height($('#sop_iframe').contents().height())   
});

这在chrome中完美运行..但不是在firefox和IE上。是否有任何跨浏览器jquery解决方案??

Answer 1

function setFrameHeight() { 

var h;
var defaulth = 150;
var scrollh = window.top.document.documentElement.scrollTop;

//reset the iframe to default height
window.top.document.getElementById("iframe_form").height = defaulth;

//get actual heights
var y1 = document.documentElement.scrollHeight;
if (y1 < document.body.scrollHeight) y1 = document.body.scrollHeight;
var y2 = document.documentElement.offsetHeight;
if (y2 < document.body.offsetHeight) y2 = document.body.offsetHeight;
h = (y1 > y2) ? y1 : y2;

//determine smaller heights
h = (h > defaulth) ? h : defaulth;

//set "iframe_form" to proper height
window.top.document.getElementById("iframe_form").height = h;


//scroll to top
window.top.scrollTo(0,scrollh);

}