javascript - 相当于 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() 函数是 Vue.js MVVM 框架原生的。这可能很令人困惑，它插入了元素: http://vuejs.org/guide/transitions.html

Answer 1

请参阅 Velocity 常见问题解答中的“类似 $.css() 的转换设置”:https://github.com/julianshapiro/velocity/issues/47 .

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