Jump to content


Universal ScrollMagic function

Go to solution Solved by Ihatetomatoes,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey all!


I'm VERY new to GSAP and ScrollMagic but now using both in some capacity.


I was wondering if anyone can help me as I want to create a universal ScrollMagic function/controller to then trigger my already created GSAP animations at the correct point on scroll.


I'm really hoping this can be done so I can maybe include a class (like 'animate-me') in the HTML which then triggers the animation when scrolling past.


A lot of this will be content managed to it need to flexible.


I've done this in the past using the more simple WOW.js, obviously not with GSAP though.





Link to comment
Share on other sites

Thanks. I have seen some but from what I gathered none looked like they were "universal" and were being setup on a per scene basis.

Link to comment
Share on other sites

I'm still having a hard time understanding what you mean by universal. It might help to see a simple demo showing something that works the way you want it and perhaps we will have a better idea about it being made universal.


Our support is very focused on the GSAP API and we don't consider ourselves to be experts with scrollmagic.

Link to comment
Share on other sites

Hey Richard, I think I know what you mean. I will create a short video explaining how to setup "universal" tweens that can be used for dynamically generated content.


I am almost done with the video, just need to complete the editing.


I will publish it on my YouTube channel and post it also here.


Stay tuned.

  • Like 1
Link to comment
Share on other sites

Thanks Petr, really appreciated and look forward to it!

Link to comment
Share on other sites

  • Solution

Hi Richard, here is the promised video:



Let me know if you have any other questions, hope it helps.




  • Like 1
  • Thanks 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.