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

What is Framer? Join the Community
Return to index
Yooniq Mi
Posted Sep 03 - Read on Facebook

Hello, Framers, got some newbie questions here. I am trying to prototype a concept that features a side panel with scrollable items. And I'm stuck.

Challenges are;

1. Each of the items in the panel needs to be draggable
- How do you make draggable items scrollable?
- When item is dragged outside the boundary of the scroll object, part of the item that is outside the boundary is masked off -> what are the work arounds?

2. The panel (panel + Panel items) should move as a unit

I attached a sketch and put the link to my project file below for clarification.

http://share.framerjs.com/cpzwzqp4pb8a/
(only the purple and yellow items are draggable)

I would really appreciate any help from experienced framers.

Cheers,