본문 바로가기
프로그램/Javascript

페이지의 높이에 따라 자동으로 iframe 높이 조정하기

by 로드러너 2014. 1. 18.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

페이지 작업을 하다보면 페이지 안에 iframe 을 넣고 그 안에서 컨텐츠를 읽어 오는 경우가 있다. 이때, iframe 높이보다 높이가 큰 문서를 읽어오는 경우 스크롤이 생기는데 아래 코드를 이용하면 스크롤 없이 표현이 가능하다.



     <script type=”text/javascript”>

         function onResize(obj){

             var height = (obj).contentWindow.document.body.scrollHeight;

             (obj).height = height + 20;

         }

     </script>



     <iframe src=”" onload=”onResize(this)” scrolling=”no” frameborder=”0″></iframe>