Custom navigator

[Whao510]

https://codepen.io/iangilman/pen/yrGzYZ
Can some one tell me why, in the example above 👆, the box in the custom navigator at the bottom right doesn't move the same way as the original box above?

I want to move this white rectangle👆

[iangilman]

When I run that CodePen I see a red box in both navigators that both update properly. In your screenshot you're showing a white box and you're saying they aren't moving together. Did you modify the code?

[Whao510]

@iangilman
I just changed the color of the white box, how can I make the white box move the same as the red box? Now the red box of the original navigator can be dragged by the mouse, but the custom white box mouse can not move it

[Whao510]

@iangilman What I want to express is that currently only the top navigator's rectangular box can be dragged by the mouse, while the bottom navigator's rectangular box cannot be dragged by the mouse. Please tell me how to make the bottom navigator's rectangular box can be dragged by the mouse

[iangilman]

Oh, I see! Sure enough, just like the comments at the top of the CodePen say, things like dragging hadn't been implemented there.

You inspired me to try a different approach, actually adding a full navigator instead of faking it. Here's what that looks like:

https://codepen.io/iangilman/pen/JjqdORv

It's still just a proof of concept; there's probably some refinement needed.