Text loop scroll - how to do it?

Design help Animations & Interactions
1

Hi,

I am wondering if there is a way to make this text loop scroll seen on this page:

https://pantertourron.com/index/

Attached also an image of this animation:

loop scroll

Thanks for any tips,
Philipp

2

Hey philippf,

I think the easiest way to achieve this effect would be to create a horizontal flex wrapper with two columns. Set the column on the left to position sticky, and then set the column to the right to flex vertical, then add in a block for each line of text. Hope that helps!

1 Like
3

I think the most complicated part would be making the scrolled menu on the left repeat infinitely. Is this part of the desired product?

Does anyone have suggestions on how this would be done? Maybe an animation on loop triggered by scrolling??

4

Hi, I am not sure I follow entirely. Can you maybe explain it bit more detailed?