SVG animation delay on scrolling, how to implement?

Question

css

Good afternoon. Please tell me how to implement the following.
There is a line drawing animation
https://jsfiddle.net/h0bLgc2q/1/
My goal is for the animation to start when the user scrolls to it, not when the page loads.

Answer 1

Try this plugin. waypoints . It allows you to run different code as you scroll down to key points on the page.