[JS] 메뉴 클릭시 스크롤

var nav = $("#nav .menu > div");
var contents = $("#main > section");

nav.click(function(e){
    e.preventDefault();
    var target = $(this);
    var index = target.index();
    var section = contents.eq(index);
   var offset = section.offset().top;
   $("html,body").animate({scrollTop:offset},600,"easeInOutExpo");
  });
sidebar.click(function(e){
    e.preventDefault();
    var sideOffset = contents.eq(3).offset().top;
    $("html,body").animate({scrollTop:sideOffset},600,"easeInOutExpo");
  });

nav에 메뉴를 할당하고  contents에 페이지를 할당합니다.
contents의 높이를 계산하여 스크롤 애니메이션을 실행합니다.