Скорость эквивалента JQuery Marginleft

Question

У меня был вопрос для кого-нибудь, знакомого с помощью плагинов jQuery velocity.js.Я пытаюсь получить предмет, чтобы скользить слева.Вот эквивалентный код JQuery:

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

.

Это делает то, что я хочу, я пытаюсь сделать то же самое со скоростью, я в настоящее время использую Translatex как таковое:

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

.

Проблема в том, что элемент появляется в 0, перемещается до -150 и вернуться назад к 0. Как я могу получить его, чтобы вырезать на -150?

<Сильные> Редактировать - редактировать

Если кто-то заинтересован, мне пришлось установить недвижимость переполнения для скрытия:

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

.

Также функция INSERT () встроена в Framework vue.js mvvm.Это, вероятно, запутало, он вставляет элемент: http://vuejs.org/guide/transitions.html

Answer 1

См. «$ .css () - например, настройка преобразования» в Velocity FAQ: https://github.com/julianshapiro /velocity/issues/47 .

может быть использован.В любом случае, я запутался вашим вопросом и ваши образцы кода :-P.