iframe사용시 높이 자동 조정하기 입니다. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

iframe사용시 높이 자동 조정하기 입니다. 정보

JavaScript iframe사용시 높이 자동 조정하기 입니다.

본문

<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
        var innerBody = iframeObj.contentWindow.document.body;
        oldEvent = innerBody.onclick;
        innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };

        var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
         iframeObj.style.height = innerHeight;

        if( !arguments[1] )        /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
                this.scrollTo(1,1);
}
</script>

<iframe width=600 height=600 src="내용의경로" onload="resizeFrame(this)"  frameborder=0></iframe>

추천
0
  • 복사

댓글 0개

© SIRSOFT
현재 페이지 제일 처음으로