site profile thumbnail

Description

This project features an horizontal timeline of events. You can navigate it by scrolling vertically: the horizontal timeline view and the vertical list stay in sync. The vertical list shows extra events, notes and links. The timeline is CMS based: there are two collections, one for the events, and one for the categories of events. Each year of the timeline is made out of one Collection List. This demo uses real data from Webflow's updates: new features, announcements, events... There's more info about how it was built and how it works with CMS and CSS Calc at the bottom of the page. The technique for the horizontal scrolling sticky section can be found in the "Sticky + Horizontal Scroll Demo" project on my profile. You can clone this project, delete the data in the Events and in the Categories Collections, and make this site your own.
cmshorizontalverticaltemplatedemoccccalccalcadvancedanimationtimelineeventhorizontal-parallax