Full page scroll - play all css transitions and then scroll

See more:

CSS

jQuery

Hello everyone,

I am in process of making fullpage scroll website using sections (as in when you scroll it scrolls sections), now there are multiple css transitions in each sections which takes time for getting completed, now what happens is when i scroll single then it works perfectly but if i scroll 2-3 times then the website becomes messed as the sections animations doesn't get completed.

So, please help me how to control this ? I just want both i.e. enable user also to scroll 2-3 times at once and also play the css transitions perfectly without messing up the things.

Please help !!

Thanks.
$k$