当点击锚点后，页面滚动到相应的DIV

用animate属性，当点击锚点后，页面滚动到相应的DIV。接着上面的代码，具体添加如下代码：

html页面：

     

div1

     

div2

     

div3

  

div1

 

div2

 

div3

css样式：

div {
      height: 800px;
      width: 400px;
      border: 2px solid black;
    }
#container{
      position: fixed;
     margin:50px 500px;
}

js代码如下：

$(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;
  });
});