jQuery滑塊拖動時滾動div？

Question

我有一個基本的滑塊和一個基於滑塊偏移的溢出div。 為此，我使用了這個。

slide: function(e, ui) {
            $("#myDiv").animate({left: ui.value * -1}, 500);
        },
        stop: function(e, ui) {
            $("#myDiv").animate({left: ui.value * -1}, 500);
        },
        change: function(e, ui) {
            $("#myDiv").css({left: ui.value * -1});
        }

如果我單擊滑塊上的某處或使用鼠標滾輪/箭頭鍵，這將非常有用。 但是，如果我左右拖動滑塊並將其放到某處，則div會一直在做滾動的事情，來回跳動。 一旦釋放鼠標，它並不會真正“捕捉”。

有沒有更干凈的方法可以做到這一點，以便它實際上可以跟蹤？

Answer 1

只是修改你的代碼

slide: function(e, ui) {
        // here replace the delay / remove animation and place div in exact position
        $("#myDiv").animate({left: ui.value * -1}, 0);
    },
    stop: function(e, ui) {
        $("#myDiv").animate({left: ui.value * -1}, 500);
    },
    change: function(e, ui) {
        $("#myDiv").css({left: ui.value * -1});
    }