点击导航栏页面滚动到指定显示位置---animate动画

animate动画

example:

html:

<ul>
     <li class="head_nav_li" data-value="index">
         <a href="###" class="product_li_a" onclick="body_scroll('top')">aaaaa>
    li>
   <li id="product" class="head_nav_li" onclick="body_scroll('pro_fun_w')" data-value="product">
            <a href="###" class="product_li_a">bbbba>
    li>
ul>

js:

function body_scroll(obj){
     if( obj=='top' ){
       $('html,body').animate({
             scrollTop: 0
       },1000);
      return false;
}else{
     var targetOffset=($('#'+obj).offset().top)-64;
      $('html,body').animate({
         scrollTop: targetOffset
      },1000);
  }
}