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