Scroll an element in a loop

Video

‍

1. Select the element that will trigger the animation

1. Select the element you want to rotate (ex: link_wrapper_contact)
2. Click in the interaction panel and choose the “Scroll into view” trigger

‍

2. Create the animation

1. Select the “Move” animation

‍

2. Assign a default position to your element: 0 PX

‍

3. Add a transition to change the position of the element and specify the duration of the animation: - 2500 PX in 40 sec (for example)

‍

4. Add a transition for the element to return to its default position after scrolling is complete: 0 PX and 0s Duration

‍

3. Apply the Loop characteristic to the animation

Check “Loop” at the trigger level for the animation to loop