动画滚动到 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

将动画更改为 wrap 类，就像你的笔更新一样 >> codePen << 改为

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