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