예전에 티스토리 블로그 오른쪽에 '맨 위로' 단추 달기 게시물에서 자바스크립트를 사용해서 화면 맨 위로 이동하는 화살표 만드는 법에 대해 살펴보았다. 오늘 이야기할 것은 jQuery 플러그인을 사용한 방법으로, 이전에 소개한 방법보다 다양한 설정을 지정할 수 있다. 예를 들어 속도를 조정하거나 화면 효과를 변경할 수 있고 또 처음엔 화살표가 나오지 않다가 일정 범위 이상 스크롤 바가 내려가면 나타나도록 할 수도 있다. 현재 제작자의 최초 게시글이 삭제된 상태이므로 아래의 파일을 내려받는다. ▷ jQuery Plugin: Scroll to Top v3 내려받기 ▷ jQuery Plugin: Scroll to Top v3.1 Tutorial * 원본주소: http://blog.ph-creative.com/p..

블로그를 돌아다니다 보면 화면 오른쪽 아래에 '맨 위로'나 'Top', 또는 화살표 아이콘이 있는 것을 볼 수 있다. 한참 글을 읽다가 그 아이콘만 클릭하면 블로그 맨 위로 이동한다. 보통 블로그의 긴 글을 읽고 난 다음 화면 위쪽의 사이드바를 찾아가려면 마우스 휠을 한참 돌리거나 스크롤 막대를 클릭해서 이동해야 한다. 그러나 이 아이콘이 있으면 한순간에 '뿅' 하고 이동한다. 긴 글을 자주 쓰는 블로거라면 한번 시도해보자. 일단 같은 페이지에서 특정 위치로 이동하는 원리를 살펴보면 div나 a name 태그로 특정 위치의 명칭을 지정하고 그다음 a href에 경로 대신 "#위치 이름"을 입력해서 해당 글자나 그림을 클릭하면 지정한 위치로 이동하게 하는 방식이다. 간단히 이야기하면 링크를 거는데 다른 사..