Jump to content


Try to do scrolltrigger scrub but not working

Moderator Tag
Go to solution Solved by akapowl,

Recommended Posts

I try to do when I scroll down, the top section which name is "container" will be pin and I saw it' pinned but scrub not working,

and another the image will be go one by one layout


See the Pen NWzGOvj by naymurweb (@naymurweb) on CodePen

Link to comment
Share on other sites

  • Solution

Hello  @Naymur - welcome to the forum!


I'm not sure I 100% understand what exactly it is you want to do - but the ScrollTrigger does in fact 'scrub' the timeline - it's just that the distance between your start and end is actually not existant because when you pass the start-point, your end-trigger will also have been passed already.


Set your end according to the distance you want to scrub the timeline over.


See the Pen gOKaQKz by akapowl (@akapowl) on CodePen


  • Like 2
  • Thanks 1
Link to comment
Share on other sites

Thanks , I just forgot about the things it's all matter start & end, not srcrub

Thanks again

Link to comment
Share on other sites

  • 3 weeks later...

could anyone make it more smooth like, it'll stay in every section when we scroll

Link to comment
Share on other sites

I'm not quite sure what you mean, but if you just want it to take longer you can adjust the "end" value of your ScrollTrigger. For example, right now it's +=100% so maybe make it +=500%. 

end: "+=500%",


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.