Javascript jQuery marginLeft的速度等价物

Javascript jQuery marginLeft的速度等价物,javascript,jquery,velocity.js,Javascript,Jquery,Velocity.js,我向熟悉jQuery插件velocity.js的人提出了一个问题。我正试着让一件物品从左边滑进去。以下是等效的jquery代码: $el.animate({marginLeft: '-150px', height: '20px'}) insert() $el.animate({marginLeft: '0px', height: '20px'}) 这就是我想要的,我正在尝试对velocity做同样的事情,我目前正在使用translateX: $el.velocity({translateX:

我向熟悉jQuery插件velocity.js的人提出了一个问题。我正试着让一件物品从左边滑进去。以下是等效的jquery代码:

$el.animate({marginLeft: '-150px', height: '20px'})
insert()
$el.animate({marginLeft: '0px', height: '20px'})
这就是我想要的,我正在尝试对velocity做同样的事情,我目前正在使用translateX:

$el.velocity({translateX: '-150px', height: '0px', duration: 0})
insert()
$el.animate({translateX: '0px', height: '20px'})
问题是该项在0处生成,移动到-150,然后滑回0。我怎样才能让它在-150下产卵

编辑-已解决

如果其他人感兴趣,我必须将overflow属性设置为hidden:

$el.css({marginLeft: '-150px', height: '0px', overflow: 'hidden'});
insert()
$el.velocity({marginLeft: '0px', height: '20px'});
此外,insert()函数是Vue.js MVVM框架的本机函数。这可能令人困惑,它插入了元素:

请参见Velocity常见问题解答中的“$.css()-类似变换设置”


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

当你解决自己的问题时,你应该张贴一个答案并接受它,这样别人就清楚问题已经解决了。@JamesMontagne是的,我本来打算去的,但是因为我是NoobStackOverflow,在我发布问题8小时后才让我回答我自己的问题。抱歉措辞拙劣的问题。基本上,我遇到的确切问题只是“overflow”属性没有设置为hidden。我试着做一种“向下滑动”的方式。我编辑了我的答案以便更准确。不管怎样,链接都很好。