将参数传递给requestAnimationFrame [duplicate]

Question

这个问题在这里已有答案：

• How can I pass argument with requestAnimationFrame? 3回答

我如何将参数传递给reqestAnimationFrame？假设我有这个代码，我如何将参数传递给requestAnimationFrame

var element = document.getElementById("SomeElementIWantToAnimate");
element.style.position = 'absolute';

function step(number) {
element.style.left = ""+Math.min(progress/10, 200) + "px";
window.requestAnimationFrame(step);
}

window.requestAnimationFrame(step); //how I can pass a "number" argument here

Answer 1

参数是当前时间戳，而不是步骤，您需要一次又一次地调用requestAnimationFrame直到动画完成

当我开发一个我创建的小库时，我找到了这个解决方案，它非常简单和小巧

https://github.com/allenhwkim/jsanimation

用法

import {slideInRight} from 'jsanimation';
slideInRight(el);