title: How to animate scroll down and up the webpage using jquery
body: <p>Here is jquery i got from stackoverflow as well.</p>
  
  <pre><code>$('ul.navigation').find('a').click(function(){
      var $href = $(this).attr('href');
      var $anchor = $('#'+$href).offset();
      $('body').animate({ scrollTop: $anchor.top });
      return false;
  });
  </code></pre>
  
  <p>Here is my nav</p>
  
  <pre><code>&lt;ul class="navigation"&gt;
      &lt;li&gt;&lt;a href="#" class="home selected"&gt;HOME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#aboutMe" class="aboutMe"&gt;ABOUT ME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#services" class="services"&gt;SERVICES&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#portfolio" class="portfolio"&gt;PORTFOLIO&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#something" class="something"&gt;SOMETHING TO READ&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#contactMe" class="contactMe"&gt;CONTACT ME&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>It jumps on the correct id but it does animate. Animation part is what I'm missing. Thanks in advance! </p>