반응형
내용 크기 변화에 따라 자동으로 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 |
---|