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.

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

More resources

View all

3D Image Split Scroll Animation in Framer
Animation
3D Image Split Scroll Animation in Framer
Animation
Unmask Sections On Scroll in Framer
Animation
Unmask Sections On Scroll in Framer
Animation