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>
<!--
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>
댓글 7개
쉽다zzz
12년 전
감사요~
12년 전
꼭 필요한데 꿀같으 소스네요
10년 전
꼭 해봐야지..^^
9년 전
어떻게 써먹는 팁인지?
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
senseme
9년 전
크로스 브라우징때문입니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
9년 전
원래 화면에 꽉 차게 나와야 하는 거 아닌가요?
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
소행성920
7년 전
https://sir.kr/qa/103033 <--여기 자동조절 할 수 있습니다.
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5126 | PHP |
 코드오타쿠 |
3년 전 | 1797 | |
| 5125 | PHP | 3년 전 | 1599 | ||
| 5124 | PHP | 3년 전 | 2116 | ||
| 5123 | OS | 3년 전 | 1396 | ||
| 5122 | OS | 3년 전 | 1313 | ||
| 5121 | OS | 3년 전 | 1419 | ||
| 5120 | OS | 3년 전 | 1296 | ||
| 5119 | PHP |
 시니어월천 |
3년 전 | 1143 | |
| 5118 | PHP | 3년 전 | 1355 | ||
| 5117 | Mobile |
 jjunge |
3년 전 | 1397 | |
| 5116 | PHP | 3년 전 | 2291 | ||
| 5115 | MySQL |
welcome
|
3년 전 | 2904 | |
| 5114 | OS | 3년 전 | 2002 | ||
| 5113 | JavaScript | 3년 전 | 1539 | ||
| 5112 | PHP | 3년 전 | 1559 | ||
| 5111 | 기타 |
레드불355 |
3년 전 | 1298 | |
| 5110 | PHP | 3년 전 | 4545 | ||
| 5109 | PHP | 3년 전 | 1579 | ||
| 5108 | 기타 |
 Innisfree |
3년 전 | 12175 | |
| 5107 | 기타 |
Innisfree |
3년 전 | 2408 | |
| 5106 | 기타 |
Innisfree |
3년 전 | 6323 | |
| 5105 | 기타 |
Innisfree |
3년 전 | 3695 | |
| 5104 | 기타 |
Innisfree |
3년 전 | 1501 | |
| 5103 | JavaScript | 3년 전 | 1692 | ||
| 5102 | 기타 |
Innisfree |
3년 전 | 1270 | |
| 5101 | 기타 |
Innisfree |
3년 전 | 1466 | |
| 5100 | 기타 |
Innisfree |
3년 전 | 1306 | |
| 5099 | 웹서버 | 3년 전 | 2171 | ||
| 5098 | PHP | 3년 전 | 1326 | ||
| 5097 | PHP |
 EI소프트 |
3년 전 | 1986 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기