클릭시 페이지 최상단으로 이동하는 TOP버튼(자바스크립트)

00·2019년 6월 13일
1

보통 HTML 을 이용한 Top 버튼의 경우

과 같이 최 상단에 만들어 두고 TOP 와 같이 이용한다. 그냥 TOP을 이용하는 경우도 있는데 이 경우 주소의 제일 뒤에 #이 붙는다. http://sadtear.tistpry.com/# < 이런식으로 이 # 기호는 추후 파라미터오류가 나는 경우가 있어서 비추!!

자바스크립트를 이용하는 방법으로 작성하였다
상당히 간단..

<div style="cursor:pointer;" onclick="window.scrollTo(0,0);">TOP</div>

div가 아니라 span이나 td 등을 사용해도 되고
cursor:pointer 는 마우스 커서를 손가락 모양으로 변경해 주는 스크립트
onclick 이벤트에
window.scrollTo 를 사용해서 (x,y) 를 (0,0) 으로 이동 시켜 주는 스크립트.

결국 클릭시 최상단으로 이동된다.

0개의 댓글