scrollTo stops when it passes through the scrolltrigger section

[wanatv 1 Likes (Newbie)]

How to make anchor scrollTo work normally when you click the button. Now for some reason he stops at the last block of the scrollTrigger section?

See the Pen abaGEgK by devsss1213 (@devsss1213) on CodePen

[Cassie 5,388 Likes (Superhero)]

Oooh tricky.

I think because that section's being pinned, you'll need to offest the scrollTo a little - the amount you offset will depend on how much of the pin has progressed at the point of clicking the anchor...

I used mapRange and tl.progress() to map the current progress to the overall pin distance and it seems to be working. 

See the Pen QWVrrXG?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I may be overengineering this? Maybe there's an easier way?

[GreenSock 18,578 Likes (Superhero)]

There's a helper function in the docs that makes this a lot easier - it uses ScrollTriggers for its magic: 

See the Pen ZEMowvR?editors=0010 by GreenSock (@GreenSock) on CodePen

 

 

[wanatv 1 Likes (Newbie)]

1 hour ago, GreenSock said:

There's a helper function in the docs that makes this a lot easier - it uses ScrollTriggers for its magic: 

 

 

 

 

Thank you!
Your function works great!