中断滚动到动画

Question

我有一个页面，其中所有内容都在一个页面中，单击导航栏上的链接会向相关部分滚动动画。代码笔是http://codepen.io/meek/pen/NNprYb?editors=0010

我使用以下代码进行滚动动画：

  $('a[href*=#]:not([href=#])').click(function() {

    var target = $(this.hash);

    if (target.length) {
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000);
      return false;
    }
  });

我的问题是，当用户在播放动画时单击另一个部分时，是否有办法取消此动画。目前它完成了上一个动画，并将下一个动画添加到＆＃34;队列＆＃34;，这意味着如果你垃圾邮件点击不同的部分，你就会陷入动画中，你就无法取消。

Answer 1

找到它，只需在animate（）之前添加此代码：

$('html, body').stop();