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

What is Framer? Join the Community
Return to index
Giel Cobben
Posted Apr 13 - Read on Facebook

Hey guys,

I have 36 layers in 1 scrollComponent. Each 3 seconds I move (Utils.interval) the scrollComponent the height of 3 layers in pixels with scrollToPoint. This way it shows 3 layers each time it moves.

Everything works as expected but I want to make the animation a little bit nicer than just a linear moving list. I want to make it like the iOS Messages app where all the message move with a little bit of a delay. Is there any way to do this in Framer? I’m not sure where to start…

Prototype: http://share.framerjs.com/ypra5uydyj5r/

Thanks.

2 Comments

Rafael Marin

One thing you could try is to listen to the scroll position, and use Utils.modulate to offset each of the list items until they are visible

Andrew Nalband

Well this is pretty buggy still, but it's a start for you. The first time your layers move you should get something close to what you're looking for: http://share.framerjs.com/nu1wsh25nqbe/

Read the entire post on Facebook