Vélocité équivalent de jQuery marginleft

Question

J'ai eu une question pour quelqu'un familiarisé avec la vélocité plug-in jquery.js.J'essaie d'obtenir un élément à glisser de la gauche.Voici le code JQuery équivalent:

$el.animate({marginLeft: '-150px', height: '20px'})
insert()
$el.animate({marginLeft: '0px', height: '20px'})

Cela fait ce que je veux, j'essaie de faire la même chose avec la vitesse, j'utilise actuellement TRUCLATEX comme tel:

$el.velocity({translateX: '-150px', height: '0px', duration: 0})
insert()
$el.animate({translateX: '0px', height: '20px'})

Le problème est que l'article apparaît à 0, se déplace vers -150 et se glisse dans 0. Comment puis-je l'obtenir pour frayer à -150?

edit - résolu

Si quelqu'un d'autre est intéressé, je devais définir la propriété de débordement sur cachée:

$el.css({marginLeft: '-150px', height: '0px', overflow: 'hidden'});
insert()
$el.velocity({marginLeft: '0px', height: '20px'});

En outre, la fonction INSERT () est originaire du cadre VUE.JS MVVM.C'était probablement déroutant, il insère l'élément: http://vuejs.org/guide/transitions.htmllea>

Answer 1

voir "$ .CSS () - comme le réglage de transformée" dans la FAQ de la vélocité: https://Github.com/julianshapiro/velocity/issues/47 .

pourrait être utile.De toute façon, je suis confus par votre question et vos échantillons de code :-p.