Create slider that moves freely

Ask the community
1

I am trying to create a slider that moves freely. i have created a slider with 5 stops (speeds). I have to drag to each stop in order, but i would like to be able to click and select the speed.
For example, i would like to click on speed 2 then be able to jump to speed 5 by either dragging to or clicking on the 5.
Any ideas?

2

You can utilize the drag interaction to create draggable elements. The only drawback I find is that you only can drag it one step at a time, because the drag interaction only can point to one end frame. I haven’t found any way to circumvent this.

Use click interactions together with smart animate for the steps to make the slider move smoothly to the clicked step.

Here’s an example (you can open it and inspect the design):