Fat Pixel

Hi @Cloud89 I went with a little refinements on the solution that @mvaneijgen posted. If the auto scrolling was not a requirement for this project, I would have used the "just let the user scroll" option. My feeling is that this way would be more usable and less "laggy" for the user. But, on mobile devices, I just used a regular way of scrolling, with a long page the user can scroll through. You can see the result of the live site here: https://great-things.nl

Hi @mvaneijgen, thank you so much for you thoughtful reply! Your solution of "just scrolling" is also what I went for in the first place. But I used plain JS to scroll a few pixels in iterations. Your solution with scrollTo in GSAP is a nice suggestion. I'll dive into that! Also, if this doesn't work I'll invesitigate the looping container. The link you provided didn't work for me (it links to #loop), but I'll dive in the documentation. Nogmaals dank

Hey everyone, I've been working on a site that shows a side panel which vertical scrolls items automatically (and smoothly). Inspired by this example: https://www.buildinamsterdam.com/ See the codepen attached for my working example. It's a simplified version of what I implemented in the site. I added a div which Scrolltrigger watches and based on that, it'll set the timeline speed. Also, it watches for scrolling, pausing the animation and starting it again It's working... but not 100% to my taste, it just feels a bit off. You can scroll faster than the animation. So if you scroll vigorously, it's not really synced with the animation anymore. Also, you can't start with scrolling up as your first action. Do you have any pointers to improve this? Does this solution make sense at all or is there a way better solution that I didn't think of?