Scroll to animate

This page binds the playhead of a glTF animation directly to your scroll position. As you scroll, the animation scrubs forward; scroll up and it scrubs backward.

Smooth & deterministic

Because the animation time is computed from scroll progress (not played in real-time), the motion is always perfectly in sync with where you are on the page.

Bring your own model

Swap the URL in loader.load(...) for any .glb or .gltf with embedded animations. The first animation clip is used by default.

End of the timeline

You've reached the bottom — the animation is now at its final frame. Scroll back up to rewind.