javascript - translateX 到视口左侧

Question

有没有办法将 translateX 翻译到视口的左侧？我需要使用 translateX 而不是 left 来使用 CSS 动画。

这是一个codepen，它使用velocity.js 插件近似于我正在尝试做的事情。问题是我想将 translateX 动画到视口的左上角，但不知道如何计算..

这是我设置 translateX 的相关 javascript：

.setVelocity(".animate-it", {translateX: '[THIS is where I need help]' }, {duration: 150})

感谢您的建议！

Answer 1

Myabe 设置左上角的初始位置并将其存储在一个类中，并对第二个状态执行相同的操作（将其放在其他类中）......然后，通过 javascript，更改您想要应用的类。