页面根据指定速度滚动到指定位置

$('.p1-s0-to-rule').click('click',function () {
      var ruleTop = $('.p1-section-rule').position().top;//滚动的位置；
      $('.p1').animate({ scrollTop: ruleTop},500,'swing');//开始滚动

 })

animate 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

$(selector).animate(styles,speed,easing,callback)