[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’을 원하는 숫자로 조절해 스크롤 속도를 지정 할 수 있다.

본문에 대해 문의가 있으신 분은 kty0529@gmail.com로 이메일 보내주세요.