Jump to content
GreenSock

qtnrtnd

Keep ScrollSmoother effects active when pinning element

Go to solution Solved by GreenSock,

Recommended Posts

Hello,

 

I'm currently working on a personnal project using your new super plugin Scroll Smoother, and I have a little problem. I made a simple codepen reproducing the situation I am facing in the real project.

 

What I want:

 

Keep the lag effects active on the letters while the container is pinned

 

What is actually happening:

 

The lag effects are disabled once the container start to be pinned - I know it's for optimization purposes, since the element should be out of the viewport if it wasn't pinned (see the "gost" element on the demo, lag effects stop once the ghost element get out of the viewport). But I want to keep thoses effects enabled.

 

Is there a way to do that ?

 

Thanks for your help !

 

See the Pen zYRapyW by qtnrtnd (@qtnrtnd) on CodePen

Link to comment
Share on other sites

* btw this is the exact same problem with speed effects that stop once element is pinned

Link to comment
Share on other sites

5 hours ago, GreenSock said:

Is this what you're looking for?:

 

 

Yess exactly ! thank you so much for your help :)
For those who are wondering, this also works with "data-speed"
  • Like 2
Link to comment
Share on other sites

  • qtnrtnd changed the title to Keep ScrollSmoother effects active when pinning element

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.
×