【问题标题】: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 这解决了问题

标签: jquery transform


【解决方案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)');
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-04-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-09
      • 2014-04-05
      • 2016-02-23
      • 2023-03-10
      相关资源
      最近更新 更多