速度相当于 jQuery marginLeft答案

【问题标题】：Velocity equivalent of jQuery marginLeft速度相当于 jQuery marginLeft
【发布时间】：2014-06-05 21:04:42
【问题描述】：

我有一个问题想问任何熟悉 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

【问题讨论】：

【解决方案1】：

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

可能有用。无论哪种方式，我都对您的问题和您的代码示例感到困惑：-p。

【讨论】：

抱歉问题措辞不当。基本上我遇到的确切问题只是“溢出”属性没有设置为隐藏。我试图做一种'slideDown'风格的事情。我编辑我的答案更正确。无论哪种方式，良好的链接。