Horizontal sticky scroll panel

[AntonioNB4]

 

In the horizontal scroll sticky here is it possible to decrease the scroll speed ?
And its possible to block the panels that scroll a few pixels before reaching the edge of the previous panel?

See the Pen KKrwOKx by Antonio-Nocella (@Antonio-Nocella) on CodePen

[mvaneijgen]

Hi @AntonioNB4.

 

42 minutes ago, AntonioNB4 said:

In the horizontal scroll sticky here is it possible to decrease the scroll speed ?

You can increase the end trigger, it was 3000, I've set it to 6000 (twice the distance), so it will take twice as long.

 

Take a look at the following video if you're hang up about why the ScrollTrigger is not taking longer if you increase the duration of a tween 

 

44 minutes ago, AntonioNB4 said:

And its possible to block the panels that scroll a few pixels before reaching the edge of the previous panel?

 

You already had a different xPercent for each card, I just add some amount to it times the index to change where each item will end up. I've change the code from a self returning arrow function to a normal arrow function and did some console.logging to see what is going on in the function it self, sometimes that makes it easier to debug. Hope it helps and happy tweening! 

 

See the Pen RwqPRea?editors=0011 by mvaneijgen (@mvaneijgen) on CodePen

[AntonioNB4]

Great! Thank you :))

happy tweening!