This is a CMS based horizontal scroll animation, built only with Webflow native interactions and without any custom code.
The main idea is to use a second collection list to make the length of the "scroll-trigger" wrapper always proportional to the width of the "horizontal-strip" (which is based on the first collection list).
That way there is nothing to adjust or change in the designer when the number of collection items changes, and the animation will always keeps a consistent speed and smooth feeling.
For more details, please check out the instructions here :
Video Instructions :
https://youtu.be/I9hR52PGE0g
Written Instructions :
https://www.pierredemontalte.com/cloneables/cms-horizontal-scroll
Hope this helps you get started faster !
0 Comments