现在的位置: 首页 > 综合 > 正文

IFrame 根据内容自适应高度

2013年12月01日 ⁄ 综合 ⁄ 共 498字 ⁄ 字号 评论关闭

在我们的项目开发过程中,经常会用到IFrame,但是他的高度确不能够自适应,影响美观

为了找到让他自适应的方法, 我找遍了baidu,google,可是没有找到一个让我满意的

我最终的解决办法是:

	<script type="text/javascript">
	function setIFrameHeight() {
		var iID = setInterval(updateHeight, 100);
		function updateHeight() {
			var iframe = document.getElementById('content');
			var iDoc = iframe.contentWindow.document;
			iframe.height = 0; // 重设为0后才能保证取到正确的scrollHeight
			
			iframe.height = Math.max(iDoc.documentElement.scrollHeight, iDoc.body.scrollHeight);
			console.log(iframe.height);
			if(iframe.height != 0){
				clearInterval(iID);
			}
		}
	}
	</script>	

抱歉!评论已关闭.