这最后一个提示实际上不是一个JavaScript函数，而是一个CSS代码块。在您调整参与的CSS属性值时，暂时禁用CSS过渡可能是有用的或必要的，这应该立即发生在幕后。 Stackoverflow上的这篇文章提供了一个完成此任务的解决方案，通过在CSS中定义一个“无转换”类，您可以将该类添加到元素中以暂时停止其上的任何转换：

.notransition {<font></font>

-webkit-transition: none !important;<font></font>

-moz-transition: none !important;<font></font>

-o-transition: none !important;<font></font>

transition: none !important;<font></font>

}

例如：

targetel.classList.add(

'notransition'

) 

// disable transitions<font></font>

targetel.style.left = 

'10px'

// update "left" property but don't transition it<font></font>

targetel.offsetHeight 

// Trigger a reflow, flushing the CSS changes<font></font>

targetel.classList.remove(

'notransition'

) 

// enable transitions again<font></font>

targetel.style.left = 

'500px'

// transition "left" property again

如添加了“无转变”类同样重要的是回流通过访问元素 targetel.offsetHeight （ offsetHeight 是一个几个DOM属性是访问时触发要素回流），以强制浏览器履行在同坐的元素所做的每一个变化。

ITPub博客

四个基本的JavaScript函数来驯服CSS3过渡和动画（4）暂时禁用CSS转换

最新文章