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

What is Framer? Join the Community
Return to index
Jacek Stryk
Posted Oct 18 - Read on Facebook

Hi there - how would you approach building an infinite scroll prototype that scrolls both up and down?

The basic idea is to have a set of carouselling rows which slide in at the bottom of the screen once they scroll off the screen on the top to create an impression of infinite scrolling through a finite set of rows.

See attached example:

1 Comments

Kevyn Arnott

Are you wanting to have all the cards above the visible area persist? If so, I would probably say create new rows on ScrollMove when you're about reach the bottom. Store all the row data you'll need in an array and cycle through that array, so that whenever you're about to create a card it'll grab the next row's information in the array or in the case of 5 it'll go back and grab 1. Does that make sense?

Read the entire post on Facebook