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>

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

  1. 데모사이트 관련

    Date2013.05.07 Categoryxe레이아웃 Bygsm Views8682
    read more
  2. XE 버젼 업에 따른 관리자 페이지 변경

    Date2013.04.28 CategoryXE 홈피 Bygsm Views9328
    read more
  3. 원격 프로그램 팀뷰어

    Date2012.12.13 Category기타팁 Bygsm Views9345
    read more
  4. 초보자들을 위한 홈피만들기에 개념?

    Date2012.10.16 Category기타팁 Bygsm Views9945
    read more
  5. xe 설치과정입니다.

    Date2012.10.05 CategoryXE 홈피 Bygsm Views10085
    read more
  6. 상대경로와 절대경로

    Date2011.11.08 Category기타팁 Bygsm Views1964
    Read More
  7. 썸네일 확대보기

    Date2011.11.08 Category기타팁 Bygsm Views1753
    Read More
  8. xe 파일 삭제

    Date2011.11.07 CategoryXE 홈피 Bygsm Views3049
    Read More
  9. 마우스 오버시 레이어 이미지 변경

    Date2011.09.18 Category기타팁 Bygsm Views2233
    Read More
  10. 상단 메뉴부

    Date2011.08.22 Category기타팁 ByGsm Views1626
    Read More
  11. 파비콘을 위한 포샵 아이콘만들기 플러그인

    Date2011.08.09 Category기타팁 ByGsm Views2190
    Read More
  12. 파비콘 만들기

    Date2011.07.26 Category기타팁 ByGsm Views1766
    Read More
  13. 메뉴효과

    Date2011.07.14 Category기타팁 ByGsm Views1574
    Read More
  14. 하단 마우스 오버시 메인 이미지 변경

    Date2011.07.13 Category기타팁 ByGsm Views1649
    Read More
  15. 상단 엑소버드플레이어

    Date2011.07.13 Category기타팁 ByGsm Views1557
    Read More
  16. 아이프레임 크기 리사이즈

    Date2011.07.13 Category기타팁 ByGsm Views1573
    Read More
  17. 스크롤바 안나오게

    Date2011.06.30 Category기타팁 ByGsm Views1509
    Read More
  18. 레이어 위치 고정

    Date2011.06.30 Category기타팁 ByGsm Views1995
    Read More
  19. 현재 홈스킨 포토샵원본

    Date2011.06.07 Category연습용 ByGsm Views1954
    Read More
  20. 현재 홈피 소스

    Date2010.12.31 Category연습용 ByGsm Views1875
    Read More
  21. 도메인 포워딩

    Date2010.12.29 Category기타팁 ByGsm Views1421
    Read More
  22. 가로세로 픽셀 테이블

    Date2010.12.28 Category기타팁 ByGsm Views1525
    Read More
  23. 텍스트 필러 몇가지

    Date2010.12.28 Category기타팁 ByGsm Views1567
    Read More
  24. rgb색상표

    Date2010.12.22 Category기타팁 ByGsm Views4204
    Read More
  25. 메타태그

    Date2010.11.06 Category기타팁 ByGsm Views1485
    Read More
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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소