Jump to content
Search Community

Achieving a better scroll effect

Ak89 test
Moderator Tag

Recommended Posts

I have two sections in a webpage as you see in the CodePen below. A section inside a wrap class and a section to show some parallax effect (borrowed from a Pen that you guys did). The animation effect and linkage between the two sections do not look ideal to me. I'd like to achieve an animation like this (especially for the transition between the two sections)

It seems like the scroll sequence in that example includes some pinning (???). Is there a way I can achieve that kind of effect for my webpage using gsap?  or am I not doing an apple-to-apple comparison?

 

See the Pen JjWxqQw by Akbarbakhshi (@Akbarbakhshi) on CodePen

Link to comment
Share on other sites

  • Ak89 changed the title to Achieving a better scroll effect

Hey Ak, unless I'm missing something I think you are indeed comparing Apples to Green Socks. The link example you give actually scrubs through a sequence of images like a video, not really parallax.

 

These threads might help point you in the right direction, search the forum there might be some others.

 

 

 

  • Like 3
Link to comment
Share on other sites

HiVisual-Q. Thanks for the response. I see what you're saying. Interesting! I am very new to all this magic and so I might be confusing different things together. The examples that you shared also really helped. Thanks!

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