Creating a horizontal scrolling page without coding



In this workshop, we’ll create a web page that scrolls horizontally like a timeline. We’ll be focussing on basic element structure, styling and the interactions 2.0 scroll trigger.

To learn more about creating your own horizontal scrolling page, visit these two articles:

https://webflow.com/blog/creating-horizontal-scrolling

———-

Get started with Webflow:
https://university.webflow.com/courses/webflow-101-crash-course

http://webflow.com

http://facebook.com/webflow

source – For all your website needs, visit Spalding Web Design

8 comments

  1. I am trying to create a timeline which is very large and want it scrolled horizontally. But the width I want is not 100% but rather around 40%. So the rest of the page still has a Vertical scroll after timeline ends. Can you help?

  2. Hello! Thank you for the tutorial! I'm needing to recreate the section of the IX2 page where the iphone scrolls in and then switches to a fixed position as you continue scrolling. Any advice about recreating this interaction? Thanks!

  3. Hey thanks for the tutorial although being new to this I've come into a couple of problems. The biggest thing is organzing interactions with regards to scroll.

    So when adding say 4 sections to a horizontal scroll and setting up the scroll interactions. Adding another section affectively ruins all the interaction/ transition points set prior. So my question is, is there a way to add another section to a project with interactions already set up?

Leave a comment