Scrollmagic Gsap DrawSVG repeat on multiple sections

[markmarkmark]

Hello, i'm having a problem running he same draw-svg tween on multiple elements on scroll.

 

Essentially, im trying to run a draw-svg tween every time you scroll past a section. Hope someone can help me. I'm referencing this codepen example

See the Pen dc3075ce6ec6fc040138869804557cc3 by ihatetomatoes (@ihatetomatoes) on CodePen

 

Here is my sketch. Cant seem to get draw-svg to work using the .each method

See the Pen dgzJae by markmarkmark (@markmarkmark) on CodePen

 

See the Pen dgzJae by markmarkmark (@markmarkmark) on CodePen

[elegantseagulls]

You are targeting `#line` in your .each, and you only have one ID of 'line'. You should be using a class in this case if you want to be semantically correct.

 

See updated pen:

See the Pen MPvQVE by elegantseagulls (@elegantseagulls) on CodePen

 

[markmarkmark]

This is really helpful. Thank you