Velocity equivalente di jquery marginleft

Question

Ho avuto una domanda per chi ha familiarità con il plug-in JQuery Velocity.js.Sto cercando di ottenere un oggetto per scivolare da sinistra.Ecco il codice jQuery equivalente:

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

.

Questo fa quello che voglio, sto cercando di fare la stessa cosa con la velocità, attualmente sto usando Translatex come tale:

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

.

Il problema è l'oggetto che genera a 0, si sposta a -150 e scivola indietro in 0 0 come posso ottenerlo deprimere a -150?

Modifica - Risolto

Se qualcun altro è interessato, ho dovuto impostare la proprietà di overflow su nascosto:

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

.

Anche la funzione Insert () è originaria del quadro MVVM VUE.JS.Ciò probabilmente è stato confuso, inserisce l'elemento: http://vuejs.org/guide/transitions.htmljem/A>

Answer 1

Vedi "$ .csss () - Like Transform Setting" in Velocity FAQ: https://github.com/julianShapiro/velocity/issues/47 .

potrebbe essere utile.Ad ogni modo, sono confuso dalla tua domanda e dai tuoi campioni di codice :-P.