Help!how to trigger animations to start when we scroll certain amount

[soheil22]

Hello Greensock.

this is my first topic here xD little newbie with Gsap.

As I mentioned in the Title , I need a lit a bit help with scroll event.

I want to fire animation after certain amount of scrolling.

I'd be really appreciated if you could give me a toturial or a hint about it.

 

Thank you so much 

Best Regards,

S.Rb

 

[PointC]

Hi soheil22 

 

Welcome to the GreenSock forums.

 

For scroll triggered animations, ScrollMagic is one of the easiest ways to make it happen. 

 

http://scrollmagic.io/

 

You should check out Petr Tichy's site (one of our forum moderators). He has quite a bit of training for it.

 

https://ihatetomatoe...magic-tutorial/

https://ihatetomatoe...th-scrollmagic/

 

You should also have a look at the ScrollTo plugin

 

http://greensock.com/docs/#/HTML5/GSAP/Plugins/ScrollToPlugin/

 

...and this recent discussion may be of interest:

 

http://greensock.com/forums/topic/14912-parallax-scrolling-sections/

 

Hopefully that helps a bit.

 

Happy tweening and scrolling.

[soheil22]

Hi soheil22 

 

Welcome to the GreenSock forums.

 

For scroll triggered animations, ScrollMagic is one of the easiest ways to make it happen. 

 

http://scrollmagic.io/

 

You should check out Petr Tichy's site (one of our forum moderators). He has quite a bit of training for it.

 

https://ihatetomatoe...magic-tutorial/

https://ihatetomatoe...th-scrollmagic/

 

You should also have a look at the ScrollTo plugin

 

http://greensock.com/docs/#/HTML5/GSAP/Plugins/ScrollToPlugin/

 

...and this recent discussion may be of interest:

 

http://greensock.com/forums/topic/14912-parallax-scrolling-sections/

 

Hopefully that helps a bit.

 

Happy tweening and scrolling.

Hello PointC

Thanks a lot for such a fast asnwer,really fascinated by that

I know petr and I've seen some of his toturials in youtube, 

thank you again for the answer and  the links you mentioned,

I have definitely got my answer.