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

拖动时滚动div的JQuery滑块？

1 个答案: