使用JQUERY設定Iframe的高度

  • 564
  • 0

原本是將Iframe設固定高度,讓裡面的網頁去拉Scrobar,

但是客戶希望Iframe的高度不受限制,他希望依照Iframe內網頁的高度決定Iframe多高,

並且Iframe不要出現Scrobar,他希望只用IE的下拉就好

HTML:

Iframe不出現下拉scrobar

<iframe name="" id="IFDisplayAction" scrolling="no"></iframe>

Jquery:

<script type="text/javascript">	
	function SetIFrame(src, titleName, ACTION_ID) {
		//設定Iframe內容
		$('#IFDisplayAction').attr('src', src);
		
		//Iframe內容Load完之後才會觸發
		$('#IFDisplayAction').load(function () {
			//依照內容的高度去設定Iframe的高度
			$('#IFDisplayAction')[0].height = $("#IFDisplayAction").contents().find('body').height();
		});            
	}
</script>