s

iframe 높이 자동조절 스크립트

<script language='javascript'>
<!--
function changeHeight() {
//아이프레임 안쪽 페이지 높이를 먼저구하신후
var the_height=document.getElementById('content').contentWindow.document.body.scrollHeight;
// 아이프레임 높이를 바꿔주시면 됩니다.
document.getElementById('content').height=the_height; }
//-->
</script>


<iframe id='content'
frameborder=0
width=100%
scrolling=no
onLoad="changeHeight();"
src='content.php'>
</iframe>
|

댓글 6개

꼭 필요한데 꿀같으 소스네요
꼭 해봐야지..^^
어떻게 써먹는 팁인지?

http://codepen.io/anon/pen/WreeBV?editors=110

높이가 자동 조절 안 되는 것 같아요.
크로스 브라우징때문입니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
원래 화면에 꽉 차게 나와야 하는 거 아닌가요?

index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 876
16-01-19 조회 507
15-12-23 조회 659
15-12-08 조회 1,309
14-10-30 조회 2,897
14-06-06 조회 2,311
12-08-30 조회 1,522
12-08-20 조회 1,288
12-07-15 조회 2,720
12-07-13 조회 1,495
12-07-06 조회 1,481
12-06-27 조회 1,032
12-06-23 조회 1,148
12-05-03 조회 3,113
12-04-20 조회 2,057
12-03-29 조회 2,378
12-03-22 조회 2,725
12-03-22 조회 1,470
12-03-21 조회 1,299
12-03-11 조회 1,637
12-03-06 조회 1,914
12-02-22 조회 2,256
12-02-17 조회 1,237
12-02-17 조회 4,282
12-02-14 조회 3,904