2

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

4

1 回答 1

0

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

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

于 2014-06-04T19:39:40.867 回答