axellerator

After further examination, I found out that the CSS scroll snapping that I am using on each and every line is causing the jittering. The scrolling works just fine and wraps forwards and backwards. This leads me to the question: How could I achieve this snapping with GSAP?

Hey! 😃 Thank you for your reply. I found the example as well ... but this seems way overkill for "just" trying to wrap forward/backward a scroll container with static content. 😃 it is really basic, at least in my mind ... ? And my current solution is based off of the "simplified" example in this thread. But this causes the jitter-issues.

Hey all! I am pretty new to all of this. And I should mention that I am not a developer by any means! 😃 ... but I have come pretty far on my own. I have a list of 18 items. I want to scroll this list vertically. and it should do this infintely – in both directions. I don't want to dynamically create items, nor do I want this to by dynamic. I just want the list/scroller to wrap forwards and backwards ... Everything I dug up in this community seems to be waaaaay too complex for what I am trying to achieve. The thing I have created falls apart when you are scrolling past the trigger points with high velocity. On Safari it just locks on to the wrapping point. But on Chrome it starts to jitter as hell. I suspect this is due to my amateurish approach to solve this? Please feel free to check out my DEMO – yes, there is some other stuff hapening on the page, but I am only having problems with the list. It is webflow with GSAP I attached the script file for reference. Any help or pointers would be highly appreciated! gsap_infinite_scroll.js