Javascript CSS关键帧动画会在滚轮被垃圾邮件发送时暂停ajax成功调用

我有一个AJAX查询，通常需要大约200毫秒来执行。在等待结果的同时，我播放了一个旋转的轮子的小动画

动画完全使用CSS完成：

.glyphicon.spinning {
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

但是，我发现，如果在查询和结果之间，我不断地发送垃圾消息（即使屏幕上没有滚动条，也会移动滚轮），那么直到我停止滚动之后，才会调用ajax的成功函数。这种情况发生在Chrome上，而不是Firefox上，这让我确信这不是因为我的代码

当我使用chrome调试工具中的分析器时，它会显示以下内容：（

querytime

显示AJAX查询和onSuccess调用之间的时间）

所以我做了三个测试：

• 垃圾邮件+动画=暂停，直到垃圾邮件停止
• 垃圾邮件+无动画=200ms
• 无垃圾邮件+动画=200ms

你知道如何阻止这个动画停止我的代码的其他部分吗

不知道它是否链接，但我正在使用ReactJS作为前端

编辑1： 如果我将动画从“无限”更改为“3”，动画完成后，即使我继续发送垃圾邮件，暂停也会停止。和以前一样，如果我不发垃圾邮件，动画将被中断，而不是暂停我的代码