ScrollTrigger pin breaks on page rsize

[apvd]

Hello, in the given example, on firefox, if I resize the window the pin breaks and goes all over the place, is there a way to fix that?

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

[OSUblake]

Hi David,

 

Something definitely looks a little wrong here. Please standby while we investigate. Thanks!

 

[GreenSock]

There was indeed a bug/regression related to snapping and it should be fixed in the next release which you can preview at:  https://assets.codepen.io/16327/ScrollTrigger.min.js?v=3.10.3b 

 

Better?

 

Sorry about the confusion there. Thanks for pointing out the issue. 

[apvd]

Hello Jack, it seems so!

another thing I'm facing is that if the initial scroll position is past the pin it doesn't initialize correctly, for now I'm working around that with   window.onbeforeunload = function () {
          window.scrollTo(0, 0);
   }

 

could that be related? I don't have time for a POC until tomorrow, is something you can test in other way or have a 'template' for this test?

thank for now!

[OSUblake]

Yes, I see an issue here when you resize after the pinned content.

 

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

 

[GreenSock]

That should be resolved now - one variable needed tweaking

[apvd]

1 minute ago, GreenSock said:

That should be resolved now - one variable needed tweaking

awesome! is there an easy way to pull the new version through npm?

[mrkaluzny]

@GreenSock I second that question, latest version of gsap in npm is 3.10.2 

[OSUblake]

If you really need it right now to continue working, just include this file in your project and import from that file instead of GSAP. 

 

https://assets.codepen.io/16327/ScrollTrigger.min.js?v=3.10.3b 

 

Well post back here when the next version is released.

[apvd]

On 4/7/2022 at 12:04 AM, OSUblake said:

If you really need it right now to continue working, just include this file in your project and import from that file instead of GSAP. 

 

https://assets.codepen.io/16327/ScrollTrigger.min.js?v=3.10.3b 

 

Well post back here when the next version is released.

Hello @OSUblake, I upgraded to gsap 3.11.1, but I still see this problem, loading the page with the scroll restored by the browser breaks the pins, loading the page 'from the top position' works though, can you tell me if this fix is included in this new version? we are in the process of releasing a project and I would like to pin to an official version. thanks!

Davide

[GreenSock]

41 minutes ago, apvd said:

but I still see this problem, loading the page with the scroll restored by the browser breaks the pins, loading the page 'from the top position' works though, can you tell me if this fix is included in this new version?

I'm struggling to see any issues - can you please provide a minimal demo and be very specific about how to reproduce the problem you're describing?