웹마스터 팁

  2. Support
  3. 웹마스터 팁

스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기

2002.09.28 14:07

유지호

가끔가다가 어떤 링크를 클릭하면 페이지의 맨위로 이동하거나, 특정 부분으로 이동하는 것을 보셨을 겁니다.

애니메이션이나 영화의 용어정리 페이지를 만들때 이런 기능이 굉장히 유용하죠.
(저도 애니메이션 팬사이트를 관리하고 있기 때문에 잘 알죠^^;)

방문자분들이 해당하는 정보를 찾으려고 일일히 스크롤바 내려서 보지 않아도 되고^^;;

그럼 본격적으로 말씀드리겠습니다^^

----------

<a name="원하는 이름">을 이동하기를 원하는 위치에 넣어줍니다. 이때 사용할 이름은 꼭 영문이나 숫자로 해 주셔야 하고요...

다음에는 이동버튼을 삽입해야겠죠?^^

<a href=#원하는 이름>을 이용하면 간단합니다. 물론 '원하는 이름'에 들어갈 말은 에것과 같은 것이어야 겠죠^^

다음과 같은 식으로 넣어주시면 됩니다.

-----
<a href=#1>ㅁㅁㅁ</a>

<a name="1">ㅁㅁㅁ
-----

이런 식으로 만들면 ctrl + F를 누르지 않고도 원하는 곳으로 쉽게 이동할 수 있습니다^^

예제: http://dbwlgh.cafe24.com/HTML2/menuel/1.html

그럼 멋진 홈페이지 만드세요^^
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] ☺심심 2004.05.02
아이프레임 가로스크롤바 없애기 [3] 백승창 2004.05.28
어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] ☺심심 2004.06.06
페이지 회색스크롤바로 바꾸기 편입성공기 2004.12.06
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] 한용 2005.11.10
아이프레임 스크롤바를 투명하게 wwolf 2008.09.21
css 정리 파일(한글) [3] file 미곰탱 2009.01.22
[JavaScript] 전체화면으로 페이지 열기 [2] SM 2002.02.24
[JavaScript] 채널모드로 윈도우 열기 SM 2002.02.24
[JavaScript] 일반적인 형태의 전체크기 윈도우 열기 SM 2002.02.24
스크롤바색상바꿔주는프로그램(수정) [3] 이슈™ 2002.03.13
자동 팝업창띠우기 소스 [4] 이슈™ 2002.03.13
부드럽게 스크롤바를 따라다니는..+_+ [6] 키르(絶對) 2002.06.13
개판 오분전 넷 오디오 최종 수정판 [6] file 미친개 2002.07.28
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] ▩윤미 2002.08.20
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] Eccen 2002.11.12
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
요청해오신 레이어 무조건 중앙에 열리기 와 클릭하는 곳에 열리기 두가지 소스입니다. [4] 모라미 2003.02.25
메뉴이동입니다. [5] 데빌스텔스 2003.04.20
HTML경고창 [수정#2] [14] [락위듀]아렌티 2003.07.26
태그 쓰기