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'});

.

また、挿入（）関数はvue.js mvvmフレームワークに固有のものです。それはおそらく混乱していました、それは要素を挿入しました： http://vuejs.org/guide/transitions.html

Answer 1

ベロシティFAQの「$ .css（）変換設定」を参照してください。 https：//github.com/julianshapiro / velocity/issues/47

は使いやすいかもしれません。いずれにせよ、私はあなたの質問とあなたのコードサンプルに混乱しています： - p。