动画滚动到div内部的哈希不起作用

Question

为什么仅当滚动是页面本身而不是div内时才有效？我确实只在没有动画的情况下移动到正确的位置。

$(document).ready(function(){

  $('a[href^="#"]').on('click',function (e) {
    e.preventDefault();

    var target = this.hash;
    var $target = $(target);

    $('html, body').stop().animate({
      'scrollTop': $target.offset().top
    }, 5000, function () {
      window.location.hash = target;
    });
  });
});

http://codepen.io/ilyador/pen/OPpWKd

Answer 1

将动画更改为包裹类，就像更新笔一样 >> codePen <<  改为

 $('.wrap').stop().animate({