Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a toolkit for linking CSS properties and HTML attributes to scroll positions to create synchronized animations, specifically providing utilities for the interpolation of SVG attributes.
The library enables the creation of parallax scrolling and interactive web storytelling by mapping scroll offsets to specific style values. It allows for the development of non-linear movement and dynamic SVG effects through the use of custom HTML attributes that define keyframes.
The system covers a range of motion capabilities, including linear and non-linear easing functions for acceleration and deceleration, viewport-relative triggering, and the ability to coordinate animations on one element based on the scroll position of a separate target. It also provides mechanisms for programmatic scroll positioning and the execution of custom logic when specific keyframe markers are crossed.
