Share Posted January 27 Hello, I'm working on a relatively complex project website that will have several sections of interest. Since I'm still kinda new to the GSAP library, I wanted to have opinion of others about the approach. Website will basically consist of the first part being a three.js fullscreen animation that will be controlled with scroll and the rest of the page will be DOM elements with just transforms and tweens. I would like to make the first three.js part to snap to certain moments but after that to disable this behaviour and go with normal scrolling. I was thinking about creating a timeline for each section to deal with all the transforms there and maybe creating a global scroll timeline with labels to be able to scroll to a specific moment? Or would it be better to have just one timeline and all the scrolltriggers there? Or should i just use the ScrollTo plugin without the use of the timeline? Or can I jump to a label when I have several timelines? These are the things where I'm not so sure what would be the usual approach in such a complex solution. Specifically with the snapping and several timelines on the page. Attached is rough idea of the viewport movement which explains the structure and the snap points on the website. Sadly my project is build with svelte, tailwind etc. so I cant provide codepen easly. Thank you for any help. Link to comment Share on other sites More sharing options...
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!Register a new account
Already have an account? Sign in here.Sign In Now