Sky Archive

JavaScript/JQuery

[jQuery] Iframe 높이 자동조절하기

Lee Mass 2021. 10. 26. 17:11

화면을 만들다가 보면 iframe이 필요할때가 있을 때가 있는데
iframe을 넣었더니 길이가 들쭉날쭉하고 스크롤이 생겨버리고 꼴보기 싫다?
그럼 아래와 같은 jQuery를 써주시면 됩니다!

function autoResizeIframe() {
	$('#iframe1').on('load', function() {
		if(this.contentDocument) {
			$(this).height(this.contentDocument.documentElement.scrollHeight);
		}
		else {
			$(this).height(this.contentWindow.document.body.scrollHeight);
		}
	});
}

이 function을 적용 시키면 이리저리 높이를 맞출 필요없이 적용이 되니 한번 써보시길!