结合使用velocity.js的slideUp和begin:函数

Question

你如何将这两者结合起来，让一个项目可以向上滑动，但在动画开始时触发一些 JS。

上滑代码

 .velocity("slideUp", { delay: 500, duration: 1500 });

开始：代码

$element.velocity({
    opacity: 0
}, { 
    /* Log all the animated divs. */
    begin: function(elements) { console.log(elements); }
});

这样做是行不通的。

.velocity("slideUp", { delay: 500, duration: 1500 }), { 
    /* Log all the animated divs. */
    begin: function(elements) { console.log(elements); }
});

Answer 1

您必须将begin 属性放在选项对象中：

.velocity("slideUp", {
    delay: 500, duration: 150,
    begin: function(elements) { console.log(elements); }
});