Help with scrollTrigger and DrawSVG

[Hysteresis 2 Likes (Newbie)]

I am attempting to draw the green line without touching the plug, but just draw the line as I scroll down the page. I have the icons fading in how I want I am just struggling getting the line to draw as I scroll on the page. 

 

Thanks for your help

See the Pen abEwoEL by billyloc (@billyloc) on CodePen

[PointC 14,428 Likes (Superhero)]

Hi @Hysteresis 

 

I think this demo can help.

See the Pen rNOBLBV by GreenSock (@GreenSock) on CodePen

 

Check out all the other ScrollTrigger demos too.

https://greensock.com/st-demos/

 

Happy tweening.

[mikel 4,775 Likes (Superhero)]

Hey @Hysteresis,

 

You should coordinate line draw and scroll movement also so that the course of your green line (the tip)

does not run out of the viewport, is always in the picture. Here's an example ...

 

See the Pen 13e3ffd92460b9cd26b1e5f793b640f8?editors=0110 by mikeK (@mikeK) on CodePen

 

Happy scrolling ...

Mikel