Jump to content
Search Community

How to add multiple ScrollTrigger

bugsMaker test
Moderator Tag

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

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.
×
×
  • Create New...