That's kind of what I want. Starting position would be off screen, during trigger, which sounds like body would be a great trigger, the svg would animate to a fixed position at the end of the animation to be partially off screen at the bottom of the viewport. I just don't know how to adjust the svg's y: property with other than a pixel value.
Also it's not that the docs aren't helpful, they just didn't help me. I was trying to understand them but I'm still new so it's hard for me to understand a lot of JS docs. Is there a more thorough list of all the properties for scroll trigger? I didn't see the y and x properties so I wasn't able to figure out what else I could use other than a pixel value.