TwoStep

A JavaScript library for scrollytelling, by The Wall Street Journal.

TwoStep is a JavaScript library for “scrollytelling”, which is dynamically changing charts (or triggering whatever) as text scrolls into view.

It implements best practices for scrollytelling, which means built-in keyboard shortcuts, no scrolljacking and reliable “sticky” behaviour.

As seen on WSJ.com in Then and Now: The Big Shift at Work and Look Inside the DeVos Family Office. Or scroll down for a live example.

View on GitHub

Here we go! If you're reading this, that means...
Isn't scrollytelling fun?
This simple example isn't really optimised for mobile...
Scroll down to activate me!

More examples