Javascript 鼠标向下滚动-在精确的px点停止

我正在使用以下命令在“thumb next”按钮上向下滚动鼠标上的div

滚动效果很好，一次滚动20像素

我希望它能阻止一个精确的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的确切位置？

不要在左两次声明相同的变量。这仅适用于您的infoProvide fiddle@ccdavies