Horizontal Scrolling Effect

This is a recreation of the wild horizontal scrolling effect from the Think Dance website, but in Framer. The demo is a bit crazy, but it clearly demonstrates how to set up a horizontal scrolling section on your Framer website.

Created by

Nandi

About the resource

This effect leverages two key features of Framer.

Sticky positioning, which keeps the section visible as you scroll down the page.
Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

About the resource

This effect leverages two key features of Framer.

Sticky positioning, which keeps the section visible as you scroll down the page.
Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

About the resource

This effect leverages two key features of Framer.

Sticky positioning, which keeps the section visible as you scroll down the page.
Scroll transform, used to offset the items on the x-axis as you scroll down the section.

It's pretty straightforward. Give it a remix and see for yourself.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More resources

View all

Scroll Animated Stripes in Framer
Animation
Scroll Animated Stripes in Framer
Animation
Scroll Animated Stripes in Framer
Animation
Expanding Cards Scroll Animation in Framer
Animation
Expanding Cards Scroll Animation in Framer
Animation
Expanding Cards Scroll Animation in Framer
Animation