Эффект прокрутки для нажатия на меню

Question

У меня есть меню для одной страницы! Каждый элемент меню, нажатие, я хочу, чтобы окно прокручивалось в нужном разделе страницы!

Код меню

<nav> 
<ul> 
<li><a href="#me">Me</a></li> 
<li><a href="#work">Me</a></li> 
</ul> 
</nav> 

На странице у меня есть разделы как

<section id="me"></section> 
<section id="work"></section> 

Я пытался сам написать функцию JQuery, которая должна сделать трюк, но я не заладилась.

$(function() { 
     $("nav a").click(function(){ 
      var $place = $(this).attr("href"); 

         $(window).animate(
         {scrollTop: $place.offset().top},400); 

      }); 
    }); 

Я еще в начале с JQuery так, пожалуйста, не бросайте камни у меня: D

Answer 1

Я думаю, что вам это нужно, пожалуйста, попробуйте:

$("body").animate({scrollTop:$($place).offset().top},400); 
e.preventDefault(); 

Edited : вам нужно предотвратить поведение по умолчанию, если вам не нужны прямые переходы.