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

What is Framer? Join the Community
Return to index
Eli Rousso
Posted Dec 01 - Read on Facebook

Hey Framer FB. I'm trying to recreate the Apple Music now playing card. The card show up on tapping the mini-player right above the tab bar, and the card is scrollable— you can also swipe down the card to dismiss / close it. I'm having trouble creating a card in Framer that allows scrolling and permits a drag downwards if the scrolling content's y > 0. Any ideas?

9 Comments

Jordan Robert Dobson

You need to listen to events. And say " if card.y > 0 then card.y = 0"

Eli Rousso

That's what I've been fiddling around with, but it acts pretty wonky. I tried turning scrolling to false and propogateEvents to false, but no avail. http://share.framerjs.com/btdv0d5iiec5/

Jordan Robert Dobson

Yeah you're definitely not getting it to stop. What event are you using to set the position?

Eli Rousso

onDrag

Jordan Robert Dobson

Don't want to turn scrolling to false or mess with propagate events.

Jordan Robert Dobson

Try onMove or onScroll...

Eli Rousso

Yeah pretty much the same effect. I had some success with turning off vertical scrolling when y > 0, but couldn't get it to reset scrolling behavior after that property was set to false

Jordan Robert Dobson

Exactly. Code examples at this point are needed. This is usually a pretty simple task. Not sure what you're running up against.

Eli Rousso

http://share.framerjs.com/h5o7xjr6l0zf/ This is as close as I could get :(

Read the entire post on Facebook