jquery smouth scroll

<nav class="top-nav">
	<ul>
		 <li id="home" class="active"><a href="#">HOME</a></li>
		 <li><a href="#about-us">ABOUT US</a></li>
		 <li><a href="#services">SERVICES</a></li>
		 <li><a href="#client">CLIENT</a></li>
		 <li><a href="#blog">BLOG</a></li>
		 <li><a href="#contact">CONTACT</a></li>
	</ul>
</nav>

$(document).ready(function(){
	$('.top-nav a[href="#"]').on('click', function(e){
        
        var target = this.hash;
        var $target = $(target);

        $('html, body').animate({
            'scrollTop': $target.offset().top
        },10000, 'swing');
    });
});

Dlaczego przewija sie normalnie, a nie tak jak założyłem w funkcji animate z powolnieniem?

Ktoś wudzi błąd?