如何使范圍滑塊變得流暢？

Question

我有一個帶有 3 個值的滑塊，並且在將選項卡從一個值拉到另一個值時嘗試添加平滑/流體效果。

這是我認為可行的方法：

HTML

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

CSS

.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
}

https://jsfiddle.net/pcoledesign/5f1k4xLt/6/

Answer 1

您可以做的是嘗試將step屬性放入input元素。 如果您只想要 1,2,3 的值，請使用Math.round()來獲取值