Javascript 带velocity.js的步长函数?
我最近从jQuery动画切换到提高性能。切换是错误的,因为语法相同。但是,使用jQuery的Javascript 带velocity.js的步长函数?,javascript,jquery,animation,velocity.js,Javascript,Jquery,Animation,Velocity.js,我最近从jQuery动画切换到提高性能。切换是错误的,因为语法相同。但是,使用jQuery的步骤-函数似乎无法使用它: $(".elem").velocity({ height:100 },{ step:function(now,fx){ if(wasScrolledDown) $("body").scrollDown(); } }); velocity.js中是否有类似的东西,我可以使用它在每一帧上运行函数 我有一个聊天应用程序,当我设置元素高度的动画
步骤
-函数似乎无法使用它:
$(".elem").velocity({
height:100
},{
step:function(now,fx){
if(wasScrolledDown) $("body").scrollDown();
}
});
velocity.js中是否有类似的东西,我可以使用它在每一帧上运行函数
我有一个聊天应用程序,当我设置元素高度的动画时,我需要聊天保持向下滚动。使用jQuery动画,我的解决方案是在每一帧上运行
.scrollDown()
.scrollDown()
是我自己的扩展,它只是滚动到所选元素的末尾。Velocity有一个进度选项,相当于jQuery步骤。下面是语法的样子:
$element.velocity({
opacity: 0,
tween: 1000 // Optional
}, {
progress: function(elements, complete, remaining, start, tweenValue) {
console.log((complete * 100) + "%");
console.log(remaining + "ms remaining!");
console.log("The current tween value is " + tweenValue)
}
});
从:[选项:进度]
将回调函数传递给progress选项,以便在整个动画期间重复触发。回调函数传递有关调用状态的数据。此数据可用于定制粗花呢和其他用途
这是一个可能有用的方法。希望能有所帮助。我将tweenValue设置为null。有什么想法吗?