点击跳转到页面指定位置

用animate属性，当点击锚点后，页面滚动到相应的DIV

<div id="container">
     <p id="p1">div1p>
     <p id="p2">div2p>
     <p id="p3">div3p>
div>
<div id="div1">div1div>
<div id="div2">div2div>
<div id="div3">div3div>

$(document).ready(function() {
  $("#p1").click(function() {
    $("html, body").animate({
      scrollTop: $("#div1").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p2").click(function() {
    $("html, body").animate({
      scrollTop: $("#div2").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
  $("#p3").click(function() {
    $("html, body").animate({
      scrollTop: $("#div3").offset().top }, {duration: 500,easing: "swing"});
    return false;
  });
});