iframeの高さを自動調整する方法

2018年4月26日

iframeコード(cft.html)
<iframe src="demo.html" id="iframeId" width="560″ height="350″ frameborder="0″ scrolling="auto"></iframe>

方法1(demo.html)
$(window.parent.document).find(“#iframeId").load(function(){
var iframeId = $(window.parent.document).find(“#iframeId");
var currentHeight = $(document).height()+30;
iframeId.height(currentHeight);
});

方法2(cft.html)
$(“#iframeId").load(function(){
var iframeIdheight = $(this).contents().find(“body").height()+30;
$(this).height(iframeIdheight);
});