Skip to main content

Addictive scrolling site puts users to the test

100 Meter Scroll

The 100 Meter Scroll is a collaboration between agency Mom! Look What I Made and designer and developer Michael Vestergaard. As the name suggests, it challenges users to see how quickly they can scroll one hundred metres.

“I used TweenMax for the animations, and Buzz for audio,” explains Vestergaard. So how did they work out the distance to scroll? “One of the first challenges was to figure out the actual amount of pixels to fill up 100 physical metres,” he replies. “Since you cannot read an exact DPI from the browser (or rely on CSS units), we decided a fixed height, based on an average display.”

100 Meter Scroll

This article originally appeared in .net magazine

Liked this? Read these!

Have you seen any inspirational examples of web design recently? Let us know in the comments!