这篇文章给大家分享的是有关如何使用JavaScript函数暂时禁用CSS转换的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
这个提示实际上不是一个JavaScript函数，而是一个CSS代码块。在您调整参与的CSS属性值时，暂时禁用CSS过渡可能是有用的或必要的，这应该立即发生在幕后。 Stackoverflow上的这篇文章提供了一个完成此任务的解决方案，通过在CSS中定义一个“无转换”类，您可以将该类添加到元素中以暂时停止其上的任何转换：
1 2 3 4 5 6 | .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>
}
|
例如：
1 2 3 4 5 | targetel.classList.add('notransition')
targetel.style.left =
'10px'
targetel.offsetHeight
targetel.classList.remove('notransition')
targetel.style.left =
'500px'
|
如添加了“无转变”类同样重要的是回流 通过访问元素targetel.offsetHeight（offsetHeight 是一个 几个DOM属性是访问时触发要素回流），以强制浏览器履行在同坐的元素所做的每一个变化。
感谢各位的阅读！关于“如何使用JavaScript函数暂时禁用CSS转换”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！