Blog

Animation and Scroll APIs in JavaScript: element.animate, getAnimations, the finished Promise, scrollIntoView and scrollend

In JavaScript you start an animation with element.animate, control it through the returned Animation object and wait for its end with the finished promise; for scrolling you reach the target with scrollIntoView and scrollBy and do the work once scrolling ends with scrollend. We show it in Bookstore with a cover flying to the cart, jumping to the invalid checkout field and the book strip's arrows, with real browser output.