Roderen Posted August 20, 2022 Share Posted August 20, 2022 https://canal.luxurycollection.ae/ For example, please look at this site. When you go to it, you will see that when you scroll through the first block an animation (rotate) is triggered for the element on the left until the end of this block. I can also start scrolling in reverse order and the animation will also be triggered back. How can I do this? I tried to do something, but it did not lead to anything :(I would be happy for any help! Whether it's ready-made code or if you can just point me in the right direction by telling me what to use for it. Thanks :) Link to comment Share on other sites More sharing options...
Cassie Posted August 20, 2022 Share Posted August 20, 2022 Sure thing! https://greensock.com/docs/v3/Plugins/ScrollTrigger ScrollTrigger and specifically scrub: true Good luck! Pop back with a minimal demo if you get stuck 1 Link to comment Share on other sites More sharing options...
Roderen Posted August 20, 2022 Author Share Posted August 20, 2022 I tried Scroll Magic. I found an example on YouTube and took the code from there as a basis. In fact, everything worked out for me, but tomorrow I'll try again with ScrollTrigger :) Perhaps there will be much less code than with ScrollMagic. But thanks anyway :) @Cassie Link to comment Share on other sites More sharing options...
Cassie Posted August 21, 2022 Share Posted August 21, 2022 ScrollMagic hasn't been updated in years, so we definitely recommend using ScrollTrigger instead - especially if you're using GSAP already! Either way, glad you're sorted. 1 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