아래에 iframe 에 관한 글이 있어 여러분들과 같이 공유하고자 합니다.

죄송하게도 제가 적당한 계정도 없고 해서 소스만 올립니다. 매우 죄송....m(__)m

대신 성실 설명으로 때우겠습니다.(소스 하단)

iframe 內 문서 최하단에
<script>
        document.body.scrollIntoView(false);
        parent.document.all.inner1.height = document.body.scrollHeight;
</script>

를 추가하심 됩니다.


jsguide.net   질문답변게시판에 어느분이 질문하셔서 제가 올렸던 글을 그대로 올립니다.
-----------------------------------------------------------------

흑.. 앤이 안와여.. 그래서 지금 올립니다
테스트 환경은 ie 5  (빌드넘버 5.00.3315.1000), ie 6 에서 테스트 했습니다.

각각 파일로 만들어 저장하시고 같은 폴더에 넣고 outer.htm 을 띄워보세여..

눈여겨 보실 부분은 iframe 의 id 값

inner.htm
---------------------------------------------------------------
sad;ljas<br><br><br>df<br><br>as<br>sdf<b
r>sdf<br>sf<br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
sdf<br><br>
<br>sdfsadf<br><br><br><br><br>s<br>&l
t;br><br><br>v<br><br>asd<br><br><br&g
t;<br><br><br><br><br><br><br>sdf<b
r><br><br>sdf<br>
<script>
        document.body.scrollIntoView(false);
        parent.document.all.inner1.height = document.body.scrollHeight;
</script>



outer.htm
----------------------------------------------------------------
<iframe id=inner1 src='inner.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
<br>
캬하하하하
만약 된다면 이글이 저 밑에 보이겠네영..

-----------------------------------------------------------------


위의 두 htm 을 저장해서 테스트 해보시면 아시겠지만..  "캬캬캬 만약된다면...." 이글이 상당히 하단에 보일것입니다.

문서의 크기에 맞게 조절하기 위해서 저는 iFrame으로 호출될 문서에 스크립트를 썼습니다.
문서가 다 읽히면 그 문서의 길이를 구해 다시 iFrame 의 높이를 조절하는 겁니다.
폭은 조절이 안됩니다. 보통 폭보다는 높이를 구하고 싶어하시니깐..

document.body.scrollIntoView(false);
현 문서의 맨 마지막으로 이동을 명령합니다. (true) 라고 해주면 맨 위로 갑니다.

parent.document.all.inner1.height = document.body.scrollHeight;

inner1 은 iframe 의 id 또는 name 값입니다.
iframe 의 입장에서는 자신을 포함하고 있는 문서가 부모(parent) 가 됩니다.
그래서 '아이'프레임이라져?? (으흐흐...)
해석을 하면 부모.문서.모든것중.inner1.높이 에 현재 내 문서(iframe안의 문서)의 스크롤까지 포함한 높이로 바꿔줘라..

입니다.

쉽져??

현재 이걸루 게시판 작성중입니다. 나중에 많이 이용해 주세여..