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!

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes (currently on maternity leave), Acting Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.