Mousedown滚动 - 停在精确的px点

Question

我使用以下内容在按钮上滚动鼠标按下按钮＆＃39;＃thumb-next＆＃39;。

滚动效果很好，一次推动20px。

我希望它能够阻止精确的px点。当左侧位置处于精确的-px点时，我希望滚动停止而不是跳过整个20px。

我尝试了以下内容，使用if语句，但它总是跳到远处。

$(function($){
    $("#thumb-next").mousedown(function(){
        scrolling = true;
        startScrollingNext($("#thumb-list"), "-=20px");
    }).mouseup(function(){
        scrolling = false;
    });
});

function startScrollingNext(obj, param) {

    var thumbLeft = $('#thumb-list').css('left');
    var thumbLeft = parseInt(thumbLeft);

    if (thumbLeft >= -526) {
        if ( !scrolling ) { 
            obj.stop(); 
        } else { 
            obj.transition({'left': param}, 10, function(){
                if ( scrolling ) { 
                    startScrollingNext(obj, param); 
                } 
            }); 
        }
    }
}

如何确保它在-526px的确切位置停止？