javascript - jQuery - 滑动到 id .stop();相等的

Question

我有这段代码可以向下滑动到页面上的每个部分。导航链接有一个链接到相应类的 id。这非常有效，除非您单击一个导航按钮然后快速单击另一个按钮，它将继续播放动画。这还不算太糟糕..但如果你正在捣碎按钮，它真的会吓坏了。

我尝试使用 .stop();但正如预期的那样，这会一起停止动画并跳转到该部分。理想情况下，我希望它无论在哪里都停止动画并继续到选定的部分。

我不知道该怎么做，所以 jQuery 向导请帮忙!

JSFiddle

$('.nav-item').on('click',function(e){
        var scrollSpeed = 1000;
                var scrollTop = $(window).scrollTop();
                var id = $(this).attr('id');
                var goTo =  $('div.'+ id).offset().top;

        e.preventDefault();
          $("html, body").animate({ scrollTop: goTo }, scrollSpeed);  
});

Answer 1

就像你之前说的那样使用停止

$("html, body").stop().animate({ scrollTop: goTo },

http://jsfiddle.net/XRGkd/