Vertical Timeline in Webflow

Hi I am trying to make vertical timeline in Webflow similar to this site here:

http://codyhouse.co/demo/vertical-timeline/index.html

My timeline will follow almost the same structure but with some minor changes to content. Is it possible or what would be the best way to start without coding?

Any help would be great, thanks.

Hello @rahulhussain :smile:

It’s totally possible without coding! Using interactions for the scroll-to-appear effect, and putting a div in the middle at the “vertical timeline bar”, it could happen.

For more information on interactions, check out our interactions demo page: https://interactions.webflow.com/

When you’re done checking that out, check out of video tutorials: http://tutorials.webflow.com/nav-appears-on-scroll

I hope this helps :slight_smile:

How to I put a div in the middle of a page?

(I think I figured it out: Div Block (set to Inline Block) set width to 50%)

There are several ways to center elements on a page. For more information on this, please refer to this article: http://help.webflow.com/center-objects-in-css

Let me know if this helps :smile:

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.