Viewport visible to start the animation

[Sajidul Islam]

Hi all,

 

I would like to get help with an issue I'm facing. I've made an animation which start scaling after reach at the top of the window. But, I would like to start the scaling when it shows on the viewport. I mean it will scroll slowly and when the section reaches at the top, the animation will be complete.

 

I've searched on the forum and found this can be done with the ScrollToPlugin. As a beginner I'm not sure how I can apply it on my code.

 

Any help would be appreciated.

See the Pen dymRdqW by sajidulislam0 (@sajidulislam0) on CodePen.

[GreenSock]

Simply adjust your start value: 

// OLD
start: 'top top',  
  
// NEW
start: 'top bottom',  

(meaning to start when the top of the trigger hits the bottom of the viewport)

[Sajidul Islam]

Thanks Man, It worked like a char! Really great platform to learn new things.