如何在没有动画的情况下使用 jquery 转换？答案

【问题标题】：How can I use jquery transform without animation?如何在没有动画的情况下使用 jquery 转换？
【发布时间】：2020-03-11 14:49:18
【问题描述】：

我尝试将元素的比例从 1 更改为 0,8。这很好用：

  $(this).find(".overlay").css('transform', 'scale(0.8)')

唯一的问题是，转换是动画。没有动画我怎么能做到这一点？

【问题讨论】：

可能由于过渡而发生。因此，在添加转换时将其删除：$(this).find(".overlay").css({ transform: "scale(0.8)", transition: "0s" })
@Azametzin 这解决了问题

【解决方案1】：

如果 css 正在添加动画，您可以尝试添加 $(this).find(".overlay").css({ transform: "scale(0.8)", transition: "none" })。

【讨论】：

【解决方案2】：

在使用转换之前将转换设置为无：

$el = $(this).find('.overlay');
$el.css('transition', 'none');
$el.css('transform','scale(0.8)');

【讨论】：