본문 바로가기
개발/jQuery

iframe에서 높이 조절하기

by 비손 2011. 1. 21.
jQuery를 이용하였습니다.
Cross Domain을 고려하지 않은 코드입니다. (즉, 같은 도메인을 가진 페이지들 끼리만 작동합니다.)

<iframe id="iframe_test" src="주소" width="190px" frameborder="0" scrolling="no"></iframe>
<script language="javascript">
$('#iframe_test').load(function() {
        $(this).height($(this).contents().find('body')[0].scrollHeight+30);
});
</script>

간단하게 iframe 넣고, 스크립트문 넣어주면, 불러오는 페이지의 높이에 맞추어 자동으로 크기 조절을 합니다.
저는 30px정도 더 크게 만들어지도록 해 놨습니다.