第1次完成后如何玩第2次svg？ （滚动动画）

Question

我对svg滚动动画有点小问题。

我在这里有这个滚动动画：

var path = document.querySelectorAll('path'), 
    percentScroll; //had to add the code as you know but it's better if you just take a look at the JSFiddle//

https://jsfiddle.net/bayron2304/f6be8rt4/。 问题是动画在滚动的同时开始，我希望第一个动画在第一个结束时立即开始（如果你不知道我在说什么，请看看JSFiddle）。 / p>