Can GSAP animation be tied to scroll?
Sorry if this is a noob questions, but I'm a noob to GreenSock -- can someone point me to the documentation if I can tie an animation to scroll? ie -- I want an image to scale and become opaque as I'm scrolling down the site to reveal some content behind it. If they stop scrolling mid animation, I would like it to stop animating. Thanks in advance.
Absolutely. Just pause the initial timeline and use the user's calculated scroll position (scroll distance/container height) to get a number from 0 to 1 and continually use that update value to set the timeline's progress() value.
If you're already using jQuery, something like this
var tl = new TimelineLite( {paused: true} );
$(window).scroll( function(){
var st = $(this).scrollTop();
var ht = $( '#some-container' ).height();
if( st < ht && st > 0 ){
