Trying to figure out the ScrollComponent and scroll the content off the screen with scroll.scrollY set to height of the content layer + screen height to make the content go off screen.

Looks like the scrollToPoint can scroll up the content height not past it. Any ideas how to scroll the content layer (layer A below) completely off screen?

Thanks!

5 Comments

Radek Kyselý

As you said: the ScrollComponent automatically sets its content height to... the height of content, obviously :D You actually need to add contentInset at the bottom (or top if you want) of the scroll height :) http://share.framerjs.com/dl6jekredh0n/

PS: I added a fancy picture of Shakespeare so that I can see how the layer is moving :) :D

Jacek Stryk

Radek Kyselý thanks, that works.

The way I want to use it though is to build a continuous, looping scroll of few picutures so as the scroll reaches the content bottom I want the top picture re-appear and scroll in at the very bottom. See movie below.

Now if I use the inset that separates the scrolling elements and I'm a bit stuck.

Maybe I'm thinking it wrong about using a scroll component to create a never ending continuous scroll of a finite set of elements?

Jacek Stryk

and I like the carousel to work both up and down. Any ideas how you'd approach building something like that?