Jump to content
Search Community

Smooth Page Scroll

BryanK test
Moderator Tag

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 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.

 

Link to comment
Share on other sites

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:

 

 

  • Like 1
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.
×
×
  • Create New...