Try to do scrolltrigger scrub but not working

[Naymur 0 Likes (Newbie)]

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

[akapowl 5,494 Likes (Superhero)]

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

 

[Naymur 0 Likes (Newbie)]

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

Thanks again

[Naymur 0 Likes (Newbie)]

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

[GreenSock 18,878 Likes (Superhero)]

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%",