Possible to use ScrollSmoother on whole page where ScrollTrigger is pinning items?

chailandau · May 11, 2022

Hi, I am trying to implement ScrollSmoother on a whole page. I'm having issues because I want to smooth the same container that ScrollTrigger is using as a pin / pinContainer. Is this even possible? Desired behavior: smooth scroll whole page, pin the ScrollTrigger content correctly, continue smooth scrolling past it.

I also can't seem to get ScrollSmoother working on the whole page at all, even without the pins - it just removes the scrollbar. This is a newer plugin so I haven't seen much about this particular issue.

See the Pen gOvMyZo by chailandau (@chailandau) on CodePen

OSUblake · May 11, 2022

You first need to use proper targets for the content and wrapper. Both of those elements need to be inside the <body> tag.

chailandau · May 11, 2022

Brilliant, thank you! So glad I convinced my company to get me a license, you guys rock! It works now.

See the Pen jOZroyg by chailandau (@chailandau) on CodePen

Notifications

Messages

Possible to use ScrollSmoother on whole page where ScrollTrigger is pinning items?

Recommended Posts

chailandau

Link to comment

Share on other sites

OSUblake

Link to comment

Share on other sites

chailandau

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members