jQuery Marginleft的速度等效

Question

我对任何熟悉jQuery插件速度的人有一个问题。我正在尝试从左侧幻灯片中幻灯片。这是等效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，然后幻灯片。我如何将其送到-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

在速度常见问题解答中查看“$ .css（） - 类似转换设置”： https：//github.com/julianshapiro/velocity/issues/47

可能会使用。无论哪种方式，我都被你的问题和你的代码样本混淆了。