JQuery .animate scrollTop not animating, just jumping to the desired location
<p>I have a single page application website that I am trying to use a anchored navigation menu, which scrolls down to certain sections of the page.</p>

<p>It works fine, but when I click the link...no transition animation happens, it just jumps to the desired section.</p>

<pre><code>$('a').click(function(){
$('html, body').animate({
    scrollTop:  $( $(this).attr('href') ).offset().top
}, 700);
return false;
</code></pre>

<p>});</p>

<p>This is the JQuery I am using....what do I change/add to make it transition properly. </p>