[jQuery] smooth scroll to top 페이지 상단으로 부드럽게 이동하기

2016-08-06

김 태영

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

Wallel