Skip to content

기타팁
2011.07.13 10:29

아이프레임 크기 리사이즈

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
현재 홈피는 메뉴 아래쪽은 아이프레임이다.
아이프레임 안쪽은 노프레임 형식으로 게시판 상하단에 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>

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

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8682
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9328
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9343
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9945
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10085
47 기타팁 상대경로와 절대경로 gsm 2011.11.08 1964
46 기타팁 썸네일 확대보기 file gsm 2011.11.08 1753
45 XE 홈피 xe 파일 삭제 file gsm 2011.11.07 3049
44 기타팁 마우스 오버시 레이어 이미지 변경 file gsm 2011.09.18 2233
43 기타팁 상단 메뉴부 file Gsm 2011.08.22 1626
42 기타팁 파비콘을 위한 포샵 아이콘만들기 플러그인 file Gsm 2011.08.09 2190
41 기타팁 파비콘 만들기 Gsm 2011.07.26 1766
40 기타팁 메뉴효과 Gsm 2011.07.14 1574
39 기타팁 하단 마우스 오버시 메인 이미지 변경 Gsm 2011.07.13 1649
38 기타팁 상단 엑소버드플레이어 file Gsm 2011.07.13 1557
» 기타팁 아이프레임 크기 리사이즈 Gsm 2011.07.13 1573
36 기타팁 스크롤바 안나오게 Gsm 2011.06.30 1509
35 기타팁 레이어 위치 고정 Gsm 2011.06.30 1995
34 연습용 현재 홈스킨 포토샵원본 file Gsm 2011.06.07 1954
33 연습용 현재 홈피 소스 file Gsm 2010.12.31 1875
32 기타팁 도메인 포워딩 Gsm 2010.12.29 1421
31 기타팁 가로세로 픽셀 테이블 file Gsm 2010.12.28 1525
30 기타팁 텍스트 필러 몇가지 file Gsm 2010.12.28 1567
29 기타팁 rgb색상표 file Gsm 2010.12.22 4204
28 기타팁 메타태그 Gsm 2010.11.06 1485
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소