Marketplace
Made in Webflow

Native CMS Horizontal Scroll

1870 views
site profile thumbnail

Description

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 !
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

animationcmsinteractionhorizontalhorizontalscrollscrollscrollanimationnativenativewebflowcomplexinteractions