Jump to content


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

Recommended Posts

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

Link to comment
Share on other sites

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

  • Thanks 1
Link to comment
Share on other sites

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

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.