在每個滾動上的滾動功能重放動畫

Question

我想讓用戶向下滾動到該部分時加載圓形進度條加載。

當用戶到達某個點時，它會觸發函數和進度條動畫，但是如果您上下滾動它將重新啓動函數，它如何被修復？

$(window).scroll(function() { 
var wScroll = $(this).scrollTop();  
if (wScroll > $('#skills').offset().top - ($(window).height()/1.9)) { 
    //PROGRESS BAR CODE GOES HERE 
} 

DEMO

Answer 1

只是檢查是否動畫開始，如果不重新啓動。

if (window.playing) return; 
window.playing = true; 

UPDATED PEN