Jump to content


Newbie question - start animation when section visible on screen

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

Hello there.  I have used TweenMax many moons ago in Flash projects, but am now hunting for a good toolset to animate in HMTL5/JS/CSS.


This is an interesting, but way too simple, tool.  The one thing it does well is that the animations are triggered only when the object is visible on the screen.  Thus a long, scrolling site can have visual animations as you scroll down.  Can TweenMax be triggered in a similar way?



Link to comment
Share on other sites

Yep funkybudda is right. ScrollMagic is actually made with GSAP, and provides a nice little API to manage and queue your scrolling animations.


Or you can try and use the GSAP scrollToPlugin, but that would require you to do more custom coding to get all the bits and pieces to work.



  • Like 1
Link to comment
Share on other sites

Thanks so much for the prompt and helpful replies.  I have implemented ScrollMagic into my development work with only a few hiccups, but looks solid.  Very happy I can use TimelineMax and it together - that's the win!!

  • Like 2
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.