[jQuery] 스크롤 맨 위로 부드럽게 이동

HTML

<div class="top-button">TOP</div>

CSS

.top-button { width: 50px; height: 50px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFFFFF; color: #212121; opacity: 0.3; bottom: 0px; position: fixed; right: 10px; text-align: center; line-height: 50px; display: none;  cursor: pointer;} 

JQUERY

$(function(){ 
    $('.top-button').click(function(){ 
        $('html, body').animate({scrollTop: 0}, 500); 
    });
});