This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
John Lee
Posted Jan 27 - Read on Facebook

I tried to make a scroll component, which snaps to the top on scroll.content change:y but it looks broken.
1. Any tips on how to make this more elegant (slight scrolling then snapping)
2. Make it work in reverse and return to the original position on scroll down. Currently has a horrible flicker like it's got diarrhea or sumtin.
https://framer.cloud/ElICc/

Merci beaucoup my chums!

5 Comments

John Lee

Benjamin Den Boer I think you did something similar, but can't find your example... Any pointers would be great! Danke je

John Lee

Radek Kyselý Does this relate to your draggable slider (but the vertical stack), where you only want the top item snapping

John Lee

Ain't anyone gonna have a stab at helping me out on this?

Jonas Treub

Hi John. Your animation is glitchy because on each y change you are restarting the animation.

Jonas Treub

You might be able to create the desired effect without animation but with the content inset property. Here is an example: https://framer.cloud/MrxrU/

Read the entire post on Facebook