Streaming live at 10am (PST)

Convert horizontal trackpad scroll to vertical scroll

I needed this for a section in a clients website that scrolled horizontally as the page was scrolled vertically (i.e. @vincent fantastic demo).

The client feared that visitors would try to scroll horizontally on the sticky section and that nothing would happen - so I converted horizontal scroll into vertical scroll using mousewheel.js.

DEMO
Here it is working on a clone of Vincents Demo.
Scroll horizontally using your trackpad or by holding shift + mousewheel and you’ll see how it works.

CLONEABLE SITE
And here’s the cloneable Webflow site.

JSFIDDLE
Check out the JSFfiddle for more detail.