Back

Open Plugin in Framer

Switch to desktop

Purchase

Thanks for sharing :)

Liked

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Scroll Snap

This code override allows you to add scroll snapping sections. It can work both on sectioned containers or viewport sized. Works both for vertical scrolling and horizontal scrolling.

Adjustable properties

Vertical Scroll

Horizontal Scroll

How do I use it?

If you have Premium access simply click Open Plugin in Framer and you can insert the component into canvas from the Plugin, if you are purchasing it individually you will receive a Remix link with instructions.

Copy the override code, then go to your Assets tab, click on + and add a new override. Name it Scrollsnap and paste the code inside replacing the reference code from Framer.

Select your main frame where you want your effect and from the right panel go down to the code overrides section and click on + then select Scrollsnap file and for the override select the Container one. Make sure this main frame has Height set to Viewport height.

For the contents in your container you need to select all of them and apply again the Scrollsnap file but this time select Item override instead of Container.

Check out the set up guide

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Framer Plugin

new

Check out our new companion, the Eleveight Supply Framer plugin. Get quick access to all of your components and overrides right within Framer.

Get the Plugin