i am working on a project and i add a svg animation using drawsvg plugin. basically i want to do drawsvg animation on scrolling. and its working fine on scrolling but the main problem is that i want to animate the svg when the scrollTop reached to the position of svg element.and once it complete the animation it wont repeat the animation again when the user scroll again. when i set the '(windows).scrolltop()==(svg).offset' it becomes very rare case that scrolltop get that position and when the scoll reaches to that position it repeats the animation again and again. and when i set scrollTop in ranges again it repeats the animation on that scrollTop ranges. i want to do same animation as it is used in https://www.fusion5.co.nz/ website. enter image description here