如果你想要一个简单的非jquery解决方案来防止所有的过渡:

添加以下CSS:

body.no-transition * {
  transition: none !important;
}

然后在js中:

document.body.classList.add("no-transition");

// do your work, and then either immediately remove the class:

document.body.classList.remove("no-transition");

// or, if browser rendering takes longer and you need to wait until a paint or two:

setTimeout(() => document.body.classList.remove("no-transition"), 1);

// (try changing 1 to a larger value if the transition is still applying)

你可以用下面的CSS代码禁用页面中所有元素的动画，过渡，转换:

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '* {' +
'  transition-property: none !important;' +
'  transform: none !important;' +
'  animation: none !important;}';

document.getElementsByTagName('head')[0].appendChild(style);

我有一个类在你的CSS像这样:

.no-transition { 
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

然后在jQuery中:

$('#elem').addClass('no-transition'); //will disable it
$('#elem').removeClass('no-transition'); //will enable it

对于纯JS解决方案(没有CSS类)，只需将转换设置为“none”。若要恢复CSS中指定的转换，请将转换设置为空字符串。

// Remove the transition
elem.style.transition = 'none';

// Restore the transition
elem.style.transition = '';

如果使用供应商前缀，也需要设置这些前缀。

elem.style.webkitTransition = 'none'

我主张像DaneSoul建议的那样禁用动画，但要进行全局切换:

/*kill the transitions on any descendant elements of .notransition*/
.notransition * { 
  transition: none !important; 
} 

.notransition可以应用于body元素，有效地覆盖页面上的任何过渡动画:

$('body').toggleClass('notransition');

这是一个对我来说很容易的解决方法。这不是对问题的直接回答，但仍然可能对某人有所帮助。

而不是创建一个应该取消转换的notransition类

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

我创建了moveTransition类

.moveTransition {
      -webkit-transition: left 3s, top 3s;
      -moz-transition: left 3s, top 3s;
      -o-transition: left 3s, top 3s;
      transition: left 3s, top 3s;
}

然后我用js把这个类添加到element中

element.classList.add("moveTransition")

之后在setTimeout中，我删除了它

element.classList.remove("moveTransition")

我无法在不同的浏览器中测试它，但在chrome中它工作得很好