[javascript] iframe height 100% auto resize (아이프레임 높이 100% 자동조절)
iframe 크기를 내용에 맞춰 동적 조절하는 방법이다.
iframe width는 100% 로 맞추면 되지만, height 는 100%로 맞춘다고 자동 조절되지 않는다.
아래처럼 onload 어트리뷰트에 setFrameHeight() 함수를 할당한다.
<script>
function setFrameHeight(){
if (ContentUrl.document != null) {
document.all.ContentUrl.style.height = ContentUrl.document.body.scrollHeight + 30 + “px”;
}
}
</script>
<body>
<iframe width=”100%” height=”100%” id=”ContentUrl” name=”ContentUrl” src=http://google.com/ scrolling=”auto” frameborder=”0″ onload=”setFrameHeight()” style=”border:0px; min-height: 250px;”></iframe>
</body>