Locking Drag. The item slides off the page

#1

Have you searched the Docs and Knowledge base?
Principle Version: 5.8
macOS Version:
Sketch Version: NA
Description of what you need help with: Locking Drag

Steps to reproduce the behavior:

  1. I have a scroll on a page and a drag. Both need to work. but the drag keeps sliding off the page. Can i lock it at a certain height?

I am looking for help with a slide and a drag in a model.

I have a background that slides. This works just fine.

The bottom sheet is set on a vertical drag. It can be dragged all the way off the page on the top or the bottom.

I would like to ‘lock’ the bottom sheet so it can’t be moved beyond the base.

Screenshots/Sketch File/Principle file: (if applicable)

0 Likes

#2

Do you mind sharing the file or at least an animation so we can understand a bit better the situation? It’s a bit tricky to guess how your layers are positioned and what are you trying to achieve without it.

Without looking at it, I’d say using a scroll and a drag together might be tricky, but I’d need the project file to help you.

0 Likes

#3

Here is the file.
https://drive.google.com/open?id=1IDrknLkAd7RIxTts5lmXYP5rFaqiCd0w

I would like to keep the bottom sheet from sliding beyond its own height.

Thanks,
Craig

0 Likes

#4

Oh, I got you.

You can use the drivers to adjust the ‘bottom’ CenterY value as the drag go up, I just extended it very far so it keeps the position. Same thing for dragging it down, you can adjust the CenterY value again to avoid going under the minimum level.

https://principleformac.com/docs.html#drivers

0 Likes

#5

Thank you! Your model works great but i can’t emulate.
Please can you write the first couple steps?

Best,
Craig

0 Likes

#6

I can set the ‘keyframes’ to the center-y but it is not locking.

0 Likes

#7

This is where i got to https://drive.google.com/open?id=1N6FSZQ9C7SJx4jy8t4lH58smgKQwt4mG

I can’t see where i am going wrong

Best,
Craig

0 Likes

#8

You have done well, basically you need to add more keyframes in case the user keeps dragging up the panel and keep the CenterY position in a value that makes the panel be in the same place.

Hope this video helps.

Video link (Dropbox)

0 Likes

#9

Thank you!!!
I understand how it works.
I really appreciate the time you took to help me out!

Thank you so much!

Best,
Craig

1 Like