zetdeq

Hi @mvaneijgen thanks for the reply! What i am trying to create is a horizontal scroll (when scrolling vertical) and have the blocks stagger (increase the space between them) on scroll like on https://lenis.studiofreight.com/. On the example there is a part with 5 blocks that scroll horizontal the space between the blocks increases on scroll down and decrease on scroll up. The codesandbox i provided does all that but soms of the blocks move with a bit of a stutter, not all of the blocks though.. The stutter is what i am trying to get rid of.

Hi, Thanks for your reply. This was indeed me initial setup but the stagger is not working for each block individually in this case. If you were to add stagger: 0.03 for example the x will not stagger.

Hi, I have a nuxt.js setup with a scrolltrigger and a gsap.to with staggering. Some of the blocks in the horizontal scroll move laggy other blocks move smooth. The stagger is used to create an elastic feeling between the blocks on scrolling. Without stagger they move smoothly. Any idea how this can be solved? Here is a link to a codesandbox: https://codesandbox.io/p/sandbox/dreamy-bhabha-bgwluf?file=%2Fpages%2Findex.vue&selection=[{"endColumn"%3A8%2C"endLineNumber"%3A52%2C"startColumn"%3A8%2C"startLineNumber"%3A52}]