速度相当于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产生？

编辑 - 解决了

如果有其他人感兴趣，我必须将overflow属性设置为隐藏：

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

此外，insert（）函数是Vue.js MVVM框架的原生函数。这可能令人困惑，它会插入元素：http://vuejs.org/guide/transitions.html

Answer 1

参见Velocity常见问题解答中的“$ .css（） - 如变换设置”：https://github.com/julianshapiro/velocity/issues/47。

可能有用。不管怎样，我对您的问题和代码示例感到困惑:-p。