jQuery 动画长于持续时间

Question

我正在使用 jQuery 在单击另一个元素时为一个元素设置动画，但在动画开始之前似乎有一个短暂的停顿，并且控制台日志计时器显示在动画。有什么想法吗？

console.time('animate');
$('.ctr .rightArticle').animate({right: '+='+articleWidth},                 {
    duration: 200,
    easing: 'swing',
    queue: false,
    complete: function() {
        console.timeEnd('animate');
    }
});

控制台显示：动画：211.985107421875ms

Answer 1

通过将 on('click', function(){}) 更改为 on('mousedown', function(){})

解决了微小但明显的停顿

原来这 10ms 是一个转移注意力的问题。

jQuery 动画长于持续时间

jQuery animation longer than duration

jquery

jquery-animate