skoiz Posted September 2, 2021 Share Posted September 2, 2021 I want to be able to have two scrolltriggers interacting with each other. One with sticky background with images ST1 and videos and the other ST2 just normal scrolltrigger with a bunch of text sections. ST2 should have 4, 5 different sections each sections will have a few paragraphs each will be apart from each other with the viewarea height. ST1 also have 4, 5 different section each with either images or videos. At the start you will see the 1st section of ST2 in front and 1st section of ST1 as a background. When scrolling from section1 to section 2 in ST2 the background of should be swap with section 2 of ST1. Ultimately the background is lazy-loaded so there is not flicking as the background is swapped. I will be nice this can be achieved using one scrolltrigger instance. I've created something similar with jquery waypoints but like to develop using scrolltrigger. https://tentreem.mywhc.ca/test/forest-types2.html Link to comment Share on other sites More sharing options...
GreenSock Posted September 2, 2021 Share Posted September 2, 2021 Sure, @skoiz, that should be very doable with ScrollTrigger/GSAP. Did you have a particular question? Perhaps it'd be best if you gave it a shot in a minimal demo and then if you run into any trouble just let us know. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now