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

What is Framer? Join the Community
Return to index
Jon Arnold
Posted Sep 20 - Read on Facebook

Good morning!
I am still stuck creating a draggable layer with a dynamic resistance?
I tried to use this example (https://examples.framerjs.com/#draggable-basics.framer) but with the new framer version changing the speedY dynamically doesn't seem to work.
Thats my version: http://share.framerjs.com/m9hyub1h0bh1/
Thank you!

7 Comments

Floris Verloop

Hey Jon!

You can easily do this using "draggable.constraints". You can basically set a constrain area. When the layer goes beyond the constraint bounds, you can control the resistance with "draggable.overdragScale".

Check this example and play around with the overdragScale value to see it in effect → http://share.framerjs.com/od5ba5juaz6a/

Jon Arnold

not quite what I was looking for. I want to change resistance based on the distance the user drags the layer. With overdragScale it behaves not right: http://share.framerjs.com/61kbn1b72zgz/

Jon Arnold

Have you got another idea?

Floris Verloop

What do you want to do exactly? With the constraints enabled, the resistance builds up automatically when you drag down.

Jon Arnold

I want to build up the resistance when the user drags down the toast and I want to easily (with no resistance) drag the toast up to remove it.

Jon Arnold

Now I understand the constraints for the resistance, but not quite how to achieve something I have described in my last post

Floris Verloop

I this what you're looking for? http://share.framerjs.com/job5tbkjfxxr/

You can think of the constaints property as an invisible layer that marks the bounds of the dragging area. If you position the contraints layer so that it has space available on top, you can easily drag it up.

Read the entire post on Facebook