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

What is Framer? Join the Community
Return to index
Ermal Turkesi
Posted Jan 26 - Read on Facebook

Hi there, I was wonderin if someone knows how to set a snap point on a volume slider/fader. Here is a sample of theslider, http://share.framerjs.com/9f7e7b876901/ that I would like for it to snap when the the slider is set +-5 from where the sniping line appears. Thanks!

3 Comments

Rafael Marin

You can use a conditional on the Events.DragEnd of slider.knob and snap it when the value is close to that range.

Ermal Turkesi

Thanks, Rafael. Would it be possible to have it snap while you are dragging it and have some resistant to snap out of that point?

Radek Kyselý

Ermal Turkesi Would this be something you're looking for? http://share.framerjs.com/ok4b6q3fth9u/

The handle changes to yellow when you're within the range and when you end the dragging, it animates to the snap point.

I wouldn't recommend drag-resistance once you're snapped. It might confuse the user when trying to drag out of the snap range without having a feedback of moving handle.

Read the entire post on Facebook