Vertical Timeline with CMS milestones

Design help Layout & Design
1

Hi all. I’m looking to create a vertical timeline of work with customized components as milestones. I’m trying to use the CMS to dynamically populate the components based on what have images or data.

The harder part is formating the vertical timeline to animate and reveal the components when scrolling. I’ve seen a few tutorials such as this one but this is based on knowing the vertical height for the scrolling.

Is there a way to create the layout and animate based on its container and not just on the whole page. Also, is there a way to animate elements within a component to be revealed on the scroll as well?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey Wiza

You could try to start off with a template which already has a couple of triggers which might be useful to you. I’ve used many of them as boilerplate.

3

Interesting. Thanks.