滑块无法正常工作 断开的逻辑 JavaScript

Question

我正在尝试制作滑块。但由于某种原因，我无法正确理解逻辑。我知道过去我曾经做对过。但我现在不记得了。

更新 http://jsfiddle.net/techsin/9QqNa/2/

var slider= $('.slider'), mY, dY, clicking=false;
slider.mousedown(function(e){
     mY = e.pageY, clicking = true;
})
$(window).mousemove(function(e){
    if (!clicking) return;
    e.preventDefault();
    dY= e.offsetY-mY;
    mY +=dY;
    console.log(e);
    slider.css('top','+='+dY);
}).mouseup(removeit);
function removeit(){ 
    clicking=false; 
}

问题包括：已更新 - 需要停在高于和最低限制。

Answer 1

快速浏览一下您的代码，只需更改以下行：

dY= e.offsetY-mY;

自

dY= e.pageY-mY;

这应该可以