[jQuery] smooth scroll to top

jQuery('a[href="#top"]').click(function(e){
e.preventDefault();
jQuery('html, body').animate({
scrollTop: 0
},500)
});
<a href="#top">Scroll to Top</a>

#top 이라는 주소를 가진 링크를 클릭하면 스크립트가 작동한다.

http://abc.com/#top 과 같이 주소 뒤에 #top이 붙지 않게 하기 위해 preventDefault 로 기존 링크의 기능을 제거시켰다.

‘500’을 원하는 숫자로 조절해 스크롤 속도를 지정 할 수 있다.

본문에 대해 문의가 있으신 분은 post@wallel.com로 이메일 보내주세요.
본문 외에 추가 문의 사항은 문의하기를 통해주시기 바랍니다.