Velocidade equivalente ao jQuery marginLeft

Question

Eu tinha uma pergunta para qualquer pessoa familiarizada com o plug-in jQuery speed.js.Estou tentando fazer com que um item deslize da esquerda.Aqui está o código jquery equivalente:

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

Isso faz o que eu quero, estou tentando fazer a mesma coisa com velocidade, atualmente estou usando o translateX como tal:

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

O problema é que o item surge em 0, passa para -150 e volta para 0.Como posso fazer com que ele apareça em -150?

EDITAR - Resolvido

Se alguém estiver interessado, tive que definir a propriedade overflow como oculta:

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

Além disso, a função insert() é nativa da estrutura MVVM Vue.js.Provavelmente foi confuso, pois insere o elemento: http://vuejs.org/guide/transitions.html

Answer 1

Consulte "Configuração de transformação semelhante a $.css()" nas perguntas frequentes do Velocity: https://github.com/julianshapiro/velocity/issues/47.

Pode ser útil.De qualquer forma, estou confuso com sua pergunta e seus exemplos de código :-p.