如何设置滑块手柄/光标的初始/起始位置?

设置 value 1 value="1" .

滑块的最小值为 1. min="1" . 将滑块移到最左侧时,该值将设置为 1. 通过浏览器。为实现此值将在初始/启动时设置,请将 价值 目前是50比1: 值=“1” .

<input type="range" min="1" max="100" value="1" class="slider" id="myRange">

不是你的问题,但要完整:

max="100" 在这种情况下。意思是:把它放到 value="100" .

滑块的中心是最大值(在本例中为50)的一半。当前值在您发布的代码中设置为50,默认情况下将滑块设置在中心。

在我的react应用程序上尝试@JeroenE方法时。滑块没有从该位置移动,因为我已将其硬编码为某个值。

这就是 默认值 进来了。

设置你的 默认值 设置范围输入起点。

https://www.w3schools.com/jsref/prop_range_defaultvalue.asp