jaudy

Thanks! Oh brilliant! thanks for the help, yeah that's what I was looking for. Its really interesting I think understand the drawSVG values a bit better now after also reading the docs page for it, I also tried to implement the appear/disappear as you mentioned, but it's not quite as clean as I would like. I added a tween at the beginning to make it appear and then I added another on update just before it ends to try and make it disappear, but it really looks rough especially if I scroll back up 😂. Is there a cleaner way I could be doing it, maybe when you enter the start and exit the end of the scroll trigger? This is where I am at so far. https://codepen.io/Jaudy/pen/vYMQxoj

Hello, wondering if anyone could help me or point me in the right direction as I am trying to create a animated svg path, I found a similar demo and started to edit it. I have so far got the base white path to draw on load, I also have the red path draw on scroll via scrolltrigger. However I am not sure where to go from here, what I want to achieve is that the red path kind of maintains a length of 10%, so it visually has a segment of the svg that moves along the path to the end as i scroll. Is there a way to get the start to maintain a distance of 10% from the part that's currently drawing? Sort of like the image. I hope I managed to get the idea across. Here is the codepen for what I have so far. https://codepen.io/Justin-Audain/pen/zYXMvRb