페이지 맨 위로 올리기 버튼

브라우저창을 쭉 내리다 보면 맨 위로 올려주는 버튼을 본적이 많을 것이다.

그 부분을 만들어보자.

 

심플하게,

<div id="goingTop" onclick="window.scrollTo(0,0);"> ↑</div>

이거면 끝이다.

 

여기에 조금 모양을 덧 붙여 주자면,

 

See the Pen goingTop by lsj5634 (@zinisang) on CodePen.

 

 이런식으로 해서 원하는 위치에 존재하게 하여 

언제든 클릭 한번으로 맨 위로 돌아올 수 있게 해준다.