본문 바로가기

웹개발/jQuery

내용 크기가 변할때 iframe 자동 리사이즈 하기

내용 크기 변화에 따라 자동으로 IFRAME의 크기를 Resize할 수 있는 간단한 스크립트 공유 합니다.

<script type="text/javascript">
//내용 크기 변화에 따라 자동으로 IFRAME의 크기를 Resize할 수 있는 간단한 스크립트 공유 합니다.
$( document ).ready(function() {
 resize_iframe(); // 최초 로드시 컨텐츠에 높이를 맞춤
 $( window ).resize(function() {
  resize_iframe(); // 창 크기가 변할 때 맞춤(반응형의 경우 너비가 줄어들면 컨텐츠가 높아질 수 있으므로)
 });
});
function resize_iframe() {
    var $iframe = $('#iframe_window_id');
    if ( typeof $iframe != 'undefined' ) {
     var curHeight = $iframe.contents().find('body').height();
     $frame.css( 'height', $iframe.contents().find('body').height() );
 }
}
</script>

 

'웹개발 > jQuery' 카테고리의 다른 글

SCRIPT5009: 'JSON'이(가) 정의되지 않았습니다.  (1) 2014.09.24