Smooth Page Scroll

[BryanK]

Hello guys and thanks for your great work!

 

I am at the lookout to create something similar to this:

 

http://clementvidal-photographe.com/about

 

That is smooth scroll the whole page content with TweenMax but having different scroll speed on different elements. Like in the example the image, the title and the content all moving to different scroll speeds. I want to do this for all pages's elements. So i guess i have to disable the native scroll and go for custom scroll functions moving the page container.

 

Basically it's the same idea as seen here

 

https://www.mendo.nl/store/

 

where the whole container scrolls with TweenMax.

 

Quite newbie on this one so any help or point to the right direction would be much appreciated.

 

[Carl]

Hi and welcome to the GreenSock forums,

 

For most scroll-driven animations your best bet is probably to look into ScrollMagic http://scrollmagic.io/ which works well with GSAP.

I think you will find that the recent thread below covers a lot of issues regarding scroll-driven animation with lots of good resources: