Передача аргумента в requestAnimationFrame

Question

Как я могу передать аргумент в 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);