2016-03-08 2 views
4

J'essaye d'animer la largeur d'un élément en utilisant la vélocité et la fonction calc().Velocity.js et la fonction CSS de calc()

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

cette anime la largeur à 0.

de l'élément ne .velocity prend pas en charge la fonction css calc()? ou suis-je donnant sur une erreur de syntaxe de base?

+1

Pourquoi plus un neg, au lieu de simplement moins? –

+2

Il vous manque le ')' dans calc? – Malk

+1

Remplacez par "" calc (100% + -260px) "' –

Répondre

3

Pourquoi ne pas utiliser

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

Pour 50% largeur, vous pouvez utiliser:

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

Maintenant, c'est une idée géniale. Merci..! – esd

+0

Super, et si j'ai besoin de 50%? – mystrdat

+0

@mystrdat vous venez de lire la largeur de l'élément, divisez-le par 2, et définissez cela pour la largeur. vérifier la réponse éditée. –