JavaScript-在动画过程中重复执行代码？

我已经在Java中看到了类似的东西,并且想知道JavaScript / jQuery中是否有类似的东西.基本上,我有一个带有动画的函数,并在其末尾运行了一个代码：

$('html,body').animate({ scrollTop: 0 }, 'slow', function(){
    lastScrollTop = $(this).scrollTop();
});

但是,我希望在动画过程中更新此代码,例如：如果用户为500px,则我希望lastScrollTop变为450,400,300,200,100,50,0

有没有办法让我的变量在动画过程中保持更新？

解决方法:

您应该研究使用step或animate方法的进展：

$('body').animate({ scrollTop: 0 }, {
    duration: 'slow',
    step: function(Now, fx) {
        lastScrollTop = Now; //Get the current scroll amount.
    },
    complete: function() {
        lastScrollTop = $(this).scrollTop();
    }
});

>现在：在每个步骤中动画化的属性的数值
> fx：对jQuery.fx原型对象的引用,其中包含许多属性,例如,动画元素的elem,动画元素的第一个和最后一个值的开始和结束,以及动画对象的prop .