Horizontal Scroll in Framer

About the resource

When we're looking to create horizontal scrolling sections in Framer, we typically utilize the following features:

• Sticky positioning.

• Scroll transform.

The trick is to use sticky positioning to keep a section visible. As we scroll down the website, it stays in our viewport and, with scroll-based transforms, we start to offset the content within this sticky section. That's what gives us a horizontal scrolling effect.