代码之家 › 专栏 › 技术社区 › noogui

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

slider css

noogui · 技术社区 · 6 年前

如何做到这一点?上面的样品 w3schools starts at the middle .

1 回复 | 直到 6 年前

JeroenE 6 年前

设置 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,默认情况下将滑块设置在中心。

Devunderdog 4 年前

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

这就是 默认值 进来了。

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

推荐文章

Una Persona Normal · 在滑块上选择特定值时播放声音

2 年前

MYTH · 为什么我的滑块向后不能正常工作

2 年前

Marc Coll · 如何使用sliderInput值选择列并使用它更改映射R?

6 年前

Thomas Stahl · CSS文本幻灯片

6 年前

jeja · ASP中的引导滑块。SQL Server数据库中的NET MVC

6 年前

mrKorny · 单击后数组对img的不透明度或fadein效果/javascript

6 年前

Belial · 自动播放滑动条在下一个或上一个箭头上单击后停止工作

6 年前

Ebraheem Alrabeea · 角度2滑块范围-添加。范围滑块库

6 年前

João · 本地主机中的WordPress滑块url问题

6 年前

Med.Mass · JS UI滑块/更改为值(-上一步)

6 年前