试图删除点击一个点并在<input type =“range”/>上跳转到它的能力

Question

我正在使用一个小滑块计算器，并希望删除用户单击滑块上的一个点并让滑块跳转到该点的功能。换句话说，我想将交互限制为仅实际抓取和移动滑块的手柄。

我尝试用旧的左侧推动可运行轨道离线：-999999px技巧但似乎我所指的功能与手柄相关联，而不是轨道。

有什么想法吗？

http://codepen.io/Keganonymous/pen/zvygBz

input[type=range]::-webkit-slider-thumb {
  margin-top: -70px;
}

input[type=range]::-webkit-slider-runnable-track {
  margin-top: 70px;
}