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년 전
꼭 해봐야지..^^
10년 전
어떻게 써먹는 팁인지?
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
senseme
10년 전
크로스 브라우징때문입니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
10년 전
원래 화면에 꽉 차게 나와야 하는 거 아닌가요?
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
소행성920
7년 전
https://sir.kr/qa/103033 <--여기 자동조절 할 수 있습니다.
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5036 | 웹서버 | 4년 전 | 2144 | ||
| 5035 | 웹서버 | 4년 전 | 2170 | ||
| 5034 | 웹서버 | 4년 전 | 2403 | ||
| 5033 | 웹서버 | 4년 전 | 1779 | ||
| 5032 | 웹서버 | 4년 전 | 2138 | ||
| 5031 | 웹서버 | 4년 전 | 2517 | ||
| 5030 | MySQL | 4년 전 | 2885 | ||
| 5029 | 웹서버 | 4년 전 | 7181 | ||
| 5028 | 웹서버 |
kerimdoor
|
4년 전 | 1632 | |
| 5027 | OS | 4년 전 | 6555 | ||
| 5026 | PHP |
 WebloveKR |
4년 전 | 4641 | |
| 5025 | JavaScript |
WebloveKR |
4년 전 | 2405 | |
| 5024 | MySQL |
RevDev |
5년 전 | 3820 | |
| 5023 | MySQL | 5년 전 | 3032 | ||
| 5022 | PHP | 5년 전 | 2325 | ||
| 5021 | PHP |
RevDev |
5년 전 | 3252 | |
| 5020 | PHP | 5년 전 | 4306 | ||
| 5019 | PHP | 5년 전 | 4330 | ||
| 5018 | 웹서버 | 5년 전 | 6705 | ||
| 5017 | 기타 |
HappyTank
|
5년 전 | 5071 | |
| 5016 | MySQL | 5년 전 | 3090 | ||
| 5015 | 기타 | 5년 전 | 2275 | ||
| 5014 | 기타 | 5년 전 | 2839 | ||
| 5013 | 기타 | 5년 전 | 2255 | ||
| 5012 | 기타 | 5년 전 | 2262 | ||
| 5011 | 기타 | 5년 전 | 2216 | ||
| 5010 | 기타 | 5년 전 | 1776 | ||
| 5009 | 기타 | 5년 전 | 2384 | ||
| 5008 | 기타 | 5년 전 | 2018 | ||
| 5007 | 기타 | 5년 전 | 1979 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기