Javascript 如何制作范围滑块流体？

我有一个有3个值的滑块，在将选项卡从一个值拉到另一个值时尝试添加平滑/流体效果

以下是我认为有效的方法：

HTML

---

您可以尝试将

step

属性添加到

input

元素中。并使用

Math.round（）

获取值，如果您只需要1,2,3的值，则需要自定义JS解决方案。HTML输入没有太多的样式选择，而且肯定不会接受CSS转换。您使用的是什么框架？jQuery？有棱角的我想给出一个恰当的答案。我也可以用Javascript与大家分享。我使用的是jQuery

<input type="range" min="1" max="3" value="1" class="slider">

.slider {
  display: inherit;
}

.slider::-webkit-slider-thumb {
  transition: all ease-in-out 0.05s
}

.slider::-moz-range-thumb {
  transition: all ease-in-out 0.05s
}