LoginGet started — it’s free
Made in Webflow

Native CMS Horizontal Scroll

1051 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.
animationcmsinteractionhorizontalhorizontalscrollscrollscrollanimationnativenativewebflowcomplexinteractions
© 2022 Webflow, Inc. All rights reserved.