Javascript 中断滚动到动画

Javascript 中断滚动到动画,javascript,jquery,animation,Javascript,Jquery,Animation,我有一个页面,其中所有内容都在一个页面中,单击导航栏上的链接可以将动画滚动到相关部分。密码笔是 我正在为滚动动画使用以下代码: $('a[href*=#]:not([href=#])').click(function() { var target = $(this.hash); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top

我有一个页面,其中所有内容都在一个页面中,单击导航栏上的链接可以将动画滚动到相关部分。密码笔是

我正在为滚动动画使用以下代码:

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

    var target = $(this.hash);

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

我的问题是,当用户在动画仍在播放时单击另一部分时,是否有方法取消此动画。此时,它会完成上一个动画,并将下一个动画添加到“队列”,这意味着,如果您垃圾邮件单击不同的部分,您将无法取消动画。

找到它,只需在动画()之前添加此代码:

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