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});
    }