santicros

Hey there! I've been looking at this forum for some days and found some useful information. Today I wanted to open this post for two reasons: 1. I was trying to do sort of this effect (https://itmoah.bugcrowd.com/) with ScrollTrigger, and found really useful two examples from the docs (https://codepen.io/GreenSock/pen/eYpOZvX and https://codepen.io/scros/pen/KKzjaev), but didn't find anything that merged them. So here I'm sharing one solution I've created for this effect. Each vertical "page" is positioned absolute and translatedY, while each inner horizontal scrolling section is translatedX. One main timeline controls the order of the execution. 2. However, I would like to have some feedback as if it is the best option for doing it. Ideally I would like to separate in different parts (different Vue components) each sections, also I'll be adding some animations inside the horizontal scroll... And I think having one main gsap timeline can limit a bit things. Does anyone think I could create different separate ScrollTrigger animations that don't depend each other, and just depend on some other triggers that activate them? I'm not sure how should this be done, as layers are positioned absolute and shouldn't move. Thanks!!