Horizontal Scroll Only

Design help Animations & Interactions
1

Hello.

I’ve been working with some success in creating a sticky horizontal scroll project, per Vincent’s sample project. https://webflow.com/website/Starry-Skies-Sticky-Horizontal-Scroll-Demo. My current issue is with restraining the scroll to just the horizontal action. Unlike the demo, I’d like to scroll horizontally exclusively. I cannot seem to fill the viewport height entirely, and when at the end of scroll action a bit of vertical scrolling occurs. If I don’t make my nav bar sticky, it works. There must be some combination of settings when applied to the elements that will work.

Thanks for your assistance.

Tom

Read-only site: https://preview.webflow.com/preview/rsvpbythenumbers?utm_medium=preview_link&utm_source=dashboard&utm_content=rsvpbythenumbers&preview=10d4fb25fbc284763de2d0e4157d7eb3&mode=preview

Published site: https://rsvpbythenumbers.webflow.io/

Figured it out. Made the nav bar fixed.

2

Hello @IPA_Tom,

I think for what you want to accomplish you will find this tutorial very useful Creating a horizontal scrolling page without coding - YouTube I hope it helps.