Richard: IFRAME 내부의 문서의 높이에 따라서 IFRAME높이를 자동조정

2010년 8월 24일 화요일

scrollHeight 의 사용

<IFRAME name="mainFrame" src="document.html"></IFRAME>

document.html
<html>

<SCRIPT>
window.onload = function() {
var sH=document.body.scrollHeight;

parent.document.getElementById("mainFrame").style.height=sH+40;

}
</SCRIPT>
<body>
내용이 많아서 스크롤 바가 생긴다. 그런데 스크롤 생기는 건 싫다.
문서가 로딩 땔때 scrollHeight; 를 구해서 숫자를 조금 더해 준후 상위 프레임의

document.... 에서 mainframe 의 스타일 속성을 자동으로 설정 한다.

</body>

</html>

Richard