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

What is Framer? Join the Community
Return to index
Raphaël de Courville
Posted Jun 05 - Read on Facebook

Hi!

I'm trying to reproduce the horizontal scrollComponent from the iOS weather app example and I have problems with the masking. I followed the folder structure from the Sketch document, but in my version everything that falls out of the artboard gets cut.

http://share.framerjs.com/rej47pnvyvfv/

Can you tell me what I'm doing wrong?

8 Comments

Raphaël de Courville

Oops, this is the correct code (still not working though): http://share.framerjs.com/tsz71d1g304q/

Balraj Chana

What does the layers list look like in your sketch file? Are you using an artboard? If so you'll have to remove it and use the infinite canvas for the scrolling to work: https://www.facebook.com/groups/framerjs/permalink/691144704345937/

Raphaël de Courville

I do have an artboard. The problem is I need to use this within a pageComponent inside of a multipage prototype. Is that somehow possible?

Raphaël de Courville

I suppose I need to convert all my artboards into groups. I'll try that.

Balraj Chana

Sure try that! It's hard to know without seeing how you've structured your sketch file. Using groups instead of an artboard should yield the same effect. Just make sure the position of your main group is set to x:0, y:0 in your sketch file.

Raphaël de Courville

Here's my solution, for later reference: http://share.framerjs.com/szyk2r5gxlgn/

Raphaël de Courville

And this is what the Sketch document looks like.

Balraj Chana

Looking good :)

Read the entire post on Facebook