[jQuery]Html下錨點搭配JQuery做動態滑動功能

Html部分
<ul class="menu">
 <li><a href="#id01">Div01</a></li>
 <li><a href="#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>

Javascript部分

$(".menu > li > a").click(function () {
        jQuery("html,body").animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 1000);
    });





2015/12/11新增
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('.bottom_menu a').click(function(){
      var target = jQuery(this).context.hash;
      console.log(target);
      if(target != null && target != ''){
        jQuery('html,body').animate({
          scrollTop: jQuery(target).offset().top -80}, 1000);
          return false;
       }
     });
  });
</script>
<ul class="menu">
 <li><a href="http:/homeurl/#id01">Div01</a></li>
 <li><a href="http:/homeurl/#id02">Div02</a></li>
</ul>
<div id="id01"></div>
<div id="id02></div>