滑塊無法正常工作邏輯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;

這應該做