Jump to content


How do I make an item make some movement when scrolling through a block that is in the line of sight?

Recommended Posts

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

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 :)


Link to comment
Share on other sites

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.

  • Like 1
Link to comment
Share on other sites

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

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.