GSAP ScrollTrigger pinning and smooth scroll together

[Saraf 1 Likes (Newbie)]

Hello devs , i'm trying to implement smooth scroll and scrollTrigger pinning on same view port. As the smooth scroll works by disabling scroll and translating -Y , pinned div also translates instead of pinning.

Reference : 

Can anyone give me a solution , would be helpful. Thanks in advance.

See the Pen LQNZgv by wooooosky (@wooooosky) on CodePen

[GreenSock 18,238 Likes (Superhero)]

Hm, that CodePen uses a SUPER old version of GSAP...and it definitely doesn't use ScrollTrigger

 

ScrollTrigger intentionally doesn't do scroll-jacking, but you can use its scrollerProxy() to integrate with almost any smooth scrolling library. See https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy()

 

Enjoy!

[Saraf 1 Likes (Newbie)]

Thanks