Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
nrvarun

One scroll toggle between items with full height section pinned

Recommended Posts

Hi,

 

I am trying to recreate the animation which scrolls between content on one scroll back and forth. I have seen people achieve this effect with scrollmagic, i am comfortable with GSAP3 and want to know how can i achieve this with ScrollTrigger + GSAP.

Reference: https://www.sequoiacap.com/india/

Link to post
Share on other sites
11 minutes ago, ZachSaucier said:

Check out this thread: 

 

 

I did and found this codepen useful, but in this there is a bug or problem that. It does not scroll back and forth between sections untill it reaches the end. That is how i saw it on the codepen website.

See the Pen NWxNEwY by GreenSock (@GreenSock) on CodePen

 

The problem with this is that, when you go from first to second and then try to go back. The single scroll interaction is not happening. Not sure as to why.

Link to post
Share on other sites

@ZacSauc

2 hours ago, ZachSaucier said:

Check out this thread: 

 

 

Thanks this works, i dont know why in codepen it is buggy as when you scroll from bottom to top. It does not work well. Thanks a ton :D.

Link to post
Share on other sites
4 hours ago, nrvarun said:

i dont know why in codepen it is buggy as when you scroll from bottom to top. It does not work well.

Huh, it works for me. But CodePen does some funny things sometimes. 

Link to post
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.

×