테스트 사이트 - 개발 중인 베타 버전입니다

iframe 사이즈 페이지에 맞게 자동 조절

· 20년 전 · 5619 · 3
아래에도 같은 소스가 있네요..
클럽 만들면서 적용한것 입니다.

function resizeIFrame()
{
var iframeWin = document.frames['CLUB_BODY'];
var scrollbarWidth = 4;
var iframeWinBody = iframeWin.document.body;
var diffHeight = iframeWinBody.scrollHeight - document.all.CLUB_BODY.style.pixelHeight;

document.all.CLUB_BODY.style.pixelHeight = document.all.CLUB_BODY.style.pixelHeight + diffHeight + scrollbarWidth;
}
</script>

위 스크립트를 페이지에 붙여넣고...

<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" id="ifrm" src="불러올 페이지" name="CLUB_BODY" onload="resizeIFrame();"></iframe>

요렇게 해주시면 자동으로 크기에 맞게 조절이 됩니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

잘 쓰겠습니다!
우오오오오오오 딱 찾던건데 구글검색하니까 sir.co.kr 팁이 나오네요!!
정말 감사합니다^^
간단하고 좋내요. 땡큐땡큐x10
감사합니다

게시글 목록

번호 제목
692
JavaScript home, end키 1
685
684
682
679
672
671
666
663
661
659
650
646
634
631
630
627
625
620
616
611
607
602
599
597
596
592
589
584
583