导航：首页 > 开发技术 >

如何使用JavaScript函数暂时禁用CSS转换

发表于：2025-01-18 作者：千家信息网编辑

千家信息网最后更新 2025年01月18日，这篇文章给大家分享的是有关如何使用JavaScript函数暂时禁用CSS转换的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。这个提示实际上不是一个JavaScript函数，而

千家信息网最后更新 2025年01月18日如何使用JavaScript函数暂时禁用CSS转换

这篇文章给大家分享的是有关如何使用JavaScript函数暂时禁用CSS转换的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

.notransition {

-webkit-transition: none !important;

-moz-transition: none !important;

-o-transition: none !important;

transition: none !important;

}

例如：

targetel.classList.add('notransition') // disable transitions

targetel.style.left = '10px' // update "left" property but don't transition it

targetel.offsetHeight // Trigger a reflow, flushing the CSS changes

targetel.classList.remove('notransition') // enable transitions again

targetel.style.left = '500px' // transition "left" property again

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

感谢各位的阅读！关于"如何使用JavaScript函数暂时禁用CSS转换"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

千家信息网