javascript - 一旦满足特定条件就停止动画 - Jquery

Question

一旦匹配特定条件，我想停止滚动动画。

在这里我有

var $box2 = $('.column'),
    Width = max_x,
    cursor = 0;
var Width = $("#column").width();
console.log(divWidth)


$("#right-button").click(function () {
    if (cursor != Width && Width >= divWidth) {
        $box2.animate({
            marginLeft: "-=100"
        }, "fast");

        cursor += 300;
    }
});

我将滚动条设置为 - 0r +300 取决于点击。我想在这里写一个条件，比如当前宽度大于总宽度，停止动画。

尝试使用 if cursor != totalWidth && totalWidth >= divWidth && this.width > totalWidth，但不工作。动画时如何找到当前宽度？我应该在这里做什么？

Answer 1

尝试使用步骤回调：

$box2.animate({
    marginLeft: "-=100"
}, {
    step: function (now, fx) {
        if (cursor != totalWidth && totalWidth >= divWidth) $(this).stop();
    }
}, "fast");