[ScrollTrigger with pin with page longer than viewport]

I've updated the sandbox introducing scrollsmoother but as you can see (https://codesandbox.io/s/crimson-fire-pgvln0?file=/src/Page2.js) rendering with pinning has been completely broken. Can you tell me what is wrong?

 

Here it is the original sandbox without scrollsmoother: https://codesandbox.io/s/practical-leavitt-w82fmp with the desired pinning experience.

[ScrollTrigger with pin with page longer than viewport]

Sorry for the late reply, here it is the codesandbox: https://codesandbox.io/s/crimson-fire-pgvln0?file=/src/Page2.js

The rendered page behaves exactly as i wish. On Desktop and ios experience is great but testing with some android older models (even if not older than a couple of years) the experience is awful since when pinning/unpinning the page "jumps".

I'm not using ScrollSmoother here. Can you tell me:

1) is there something i can do to have better and smoother android experience?

2) does ScrollSmoother allow me to obtain better results? If so how can i add it?

 

To be honest: https://feature.undp.org/wilderness-of-water/ is a kind of experience i'd like to replicate and it doesn't "jumps" when scrolling even on android devices

 

Thanks in advance for your really outstanding support

[ScrollTrigger with pin with page longer than viewport]

I installed the trial but adding ScrollSmoother breaks react rendering 

[ScrollTrigger with pin with page longer than viewport]

Hello, i've implemented the suggestions you provided but on mobile, especially android devices, i'm experiencing small jumps when pinning/unpinning happen. I've read that ScrollSmoother should solve the issue and i'd like to test it but before buying the license i'd like to test it.

I'm developing a proof of concept in react using Gsap. Is there any way i can test locally the ScrollSmoother library before buying the license?

[ScrollTrigger with pin with page longer than viewport]

Thank you very much, i implemented both strategies and was able to solve the needs! Thank you very much for your quick support.

I have to say i have a jerky scrolling on my mobile device and i think it's quite strange since https://artsexperiments.withgoogle.com/meroe/ has smooth transitions between sections (but maybe it is due to the fact i don't have a snap effect and scroll is commanded by the user)

 

[ScrollTrigger with pin with page longer than viewport]

Hello, i have great difficulties in creating a simple scroll experience like the one here  but i0d like to have some slides with content longer than the viewport. My problem is that when content is longer, it is truncated and not shown.

And as a bonus, i'd like to have it working on mobile with the browser bar that doesn't disappear so UX is not ruined.

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