CSS-функция Velocity.js и calc()

Я пытаюсь анимировать ширину элемента, используя скорость и функцию calc().

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

это анимирует ширину элемента до 0.

.velocity не поддерживает функцию css calc()? или я упускаю из виду основную синтаксическую ошибку?


javascript css velocity css-calc velocity.js
person esd    schedule 08.03.2016    source источник
comment
Почему плюс минус, а не просто минус?   -  person Adam Buchanan Smith    schedule 09.03.2016
comment
Вам не хватает ) в расчете?   -  person Malk    schedule 09.03.2016
comment
Изменить на "calc(100% + -260px)"   -  person Adam Buchanan Smith    schedule 09.03.2016
comment
@AdamBuchananSmith - ошибка при вводе проблемы здесь - ошибка остается в коде с этой поправкой.   -  person esd    schedule 09.03.2016

Ответы (1)


arrow_upward
5
arrow_downward

Почему бы тебе не использовать

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

Для ширины 50% вы можете использовать:

var menu=$("#menuContainer");      
menu.velocity({width:menu.width()/2}, 500);
person The Process    schedule 08.03.2016
comment
Отлично, а если мне нужно 50%? - person mystrdat; 22.11.2016