封面

拖拽窗口iframe也可以自适应高度

 

方案一

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">
	$(window.parent.document).find("#myiframe").load(function(){		var main = $(window.parent.document).find("#myiframe");		var thisheight = $(document).height()+30;
		main.height(thisheight);
	});</script>

方案二

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">	function changeFrameHeight(){		var ifm= document.getElementById("myiframe");
		ifm.height=document.documentElement.clientHeight-56;
	}	window.onresize=function(){ changeFrameHeight();}
	$(function(){changeFrameHeight();});</script>

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。