javascript - translateX 到视口(viewport)左侧

Question

有没有办法将 X 平移到视口(viewport)的左侧？我需要使用 translateX 而不是 left 来使用 CSS 动画。

Here is a codepen这近似于我正在尝试做的事情，使用 velocity.js 插件。问题是我想将 translateX 动画化到视口(viewport)的左上角，但我不确定如何计算它..

这是我设置 translateX 的相关 javascript:

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

感谢您的建议!

Answer 1

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