Velocity.js和calc()CSS函数

esd*_*esd 5 javascript css velocity velocity.js css-calc

我正在尝试使用velocity和calc()函数为元素的宽度设置动画.

$("#menuContainer").velocity({width: "calc(100% + -260px)"}, 500);
Run Code Online (Sandbox Code Playgroud)

这会将元素的宽度设置为0.

难道.velocity不支持CSS函数计算() ?或者我是否忽略了基本的语法错误?

The*_*ess 5

你为什么不使用

$("#menuContainer").velocity({width: '-=260px'}, 500);  
Run Code Online (Sandbox Code Playgroud)

对于50% 的宽度,您可以使用:

var menu=$("#menuContainer");      
menu.velocity({width:menu.width()/2}, 500);
Run Code Online (Sandbox Code Playgroud)