Question

我有一个课程，我们称之为.zero。

我想访问它并指定transform:translateY(calculatedValueHere);

这将触发动画。基本上我需要对css translateY执行一些计算，然后将该值应用于我想要设置动画的对象。

我怎样才能使用javascript或jquery？

编辑：由于性能问题，动画的jquery或javascript方法（例如animate方法）不是一个选项。 css translate使用GPU加速，这就是我所追求的。

Answer 1

您必须动态更改类的css属性。 Thay方式将来添加类的任何元素都具有相同的行为。

以下问题的堆栈溢出回答讨论了如何实现这一点。

我将此问题标记为与上述链接重复/类似，但我在其所需的声誉下方式。

Answer 2

只需在css中将该样式应用于该类，例如

.zero { 
    / *your animations */ 
}

然后你可以使用jQuery将类添加到你想要的元素。在添加类之前，动画不会启动。

$('yourElm').addClass('zero');