Jump to content


How to add multiple ScrollTrigger

Go to solution Solved by Rodrigo,

Recommended Posts

Hi, Thanks for this great library.


What I want to do is adding multiple effect to one element on scroll, but every effect has different start and end point eg.

from y: -50 to y:50 start: 'top bottom' end: 'top center' and from opacity: 0 to opacity: 1, start :'top bottom' end: 'top 80%'


I don't know if my question is valid :)

Thanks in advanced.

Link to comment
Share on other sites

  • Solution

Hi @bugsMaker and welcome to the GreenSock fourms!


There is no issue in creating different ScrollTrigger instances for each animation as long as they don't animate the same properties. Here is a super simple example:

See the Pen BaPvVzK by GreenSock (@GreenSock) on CodePen


Let us know if you have more questions and remember to include a minimal demo.

Happy Tweening!

  • Like 1
Link to comment
Share on other sites

This is working exactly as I want.


Thanks for great help 💗

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.