Velocity.js 和 calc() CSS 函数

Question

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

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

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

.velocity不支持css函数calc()吗？还是我忽略了一个基本的语法错误？

Answer 1

你为什么不使用

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

对于 50% 宽度，您可以使用：

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