jQuery - 滑动到 id .stop(）;等效

我有这个代码可以向下滑动到页面上的每个部分。导航链接具有链接到相应类的 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);  
});