translateX到视口左侧

Question

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

Here is a codepen使用velocity.js插件来逼近我想要做的事情。问题是我想将translateX设置为视口的左上角，但我不确定如何计算..

以下是我设置translateX的相关javascript：

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

感谢您的建议！

Answer 1

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