맨 위로 부드럽게 스크롤되는 버튼 만들기

- 실무에서 자주사용되는 간단한 script중에 하나인데 프로젝트 할때마다 만들기가 귀찮아서 샘플로 올려놓습니다..

- 아래 소스 그대로 복사해서 붙여넣기 하고 제이쿼리 라이브러리 연결해주면 작동합니다.

css

<style>
    div {height:2000px;}
    a {position:fixed;bottom:20px;right:20px;}
</style>

html마크업 & script

<div>semple</div>
<a href="#">top</a>

<script>
    var $target = $('a');
    $target.on('click', function(){
        $('html, body').animate({'scrollTop' : 0}, 200);
        return false;
    });
</script>