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