当css“left”参数是百分比时，Velocityjs给出语法错误

Question

这有效：

Velocity(document.getElementsByClassName('center')[0], { left:50 }, { duration: 1000 });

这不是：

Velocity(document.getElementsByClassName('center')[0], { left:50% }, { duration: 1000 });

有了这个，我明白了 Uncaught SyntaxError: Unexpected token }

我需要设置动画，使css left属性为50％。我怎么能这样做？

Answer 1

没关系我弄清楚了。

解决方案是将＆＃34; 50％＆＃34;在引号

Answer 2

您需要50%作为字符串，因此您应该使用{ left:'50%' }或{ left:"50%" }等引号进行换行。

完整示例：

Velocity(document.getElementsByClassName('center')[0], { left:'50%' }, { duration: 1000 });