기타팁

아이프레임 크기 리사이즈

by Gsm posted Jul 13, 2011
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
현재 홈피는 메뉴 아래쪽은 아이프레임이다.
아이프레임 안쪽은 노프레임 형식으로 게시판 상하단에 head 와 foot를 넣었다

프레임홈피로 안한것은 우측에 스크롤바가 페이지 전체에 나오게 하고 싶어서 였다.
그런데 노프레임으로 안한것은 위쪽에 bgm플레이어가 새로고침되는 걸 피하고 싶어서였고 그래서 아이프레임으로 했는데 아이프레임에서 젤 문제는 스크롤바가 두개가 나올수 있다는 것이었다. 그걸 해결 한방법 아이프레임에 스크롤을 안나오게 하고 대신 크기를 100%로 해서 전체 스크롤이 나오게 끔 하는 방식이다.

<iframe src=sub.htm width=100% height=100%  id="iframeSub"  onload="iframeAutoResize(this)"  frameborder=no align=center allowTransparency="true" scrolling=no valign=top  topmargin=0 name=bottom>
</iframe>

<!--------아이프레임 크기 리사이즈 스크립--------->
<script type="text/javascript">

function iframeAutoResize(arg) {
arg.height = eval(arg.name+".document.body.scrollHeight");
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
}

</script>

요런 식에 소스가 들어간다. 근데 스크립트 위치가 아이프레임 아래로 가야 제대로 되는듯하기도 하다 아무래도 출력물이 먼저뜨고 리사이즈 되는 것 같다.
그래서 페이지가 뜨고 나서 잠깜 움찔 하는 느낌이 든다.