Distance challenge · race the clock

100 meter scroll

How fast can you scroll 100 metres? Hover the track, start scrolling, and the clock runs until you have covered the distance for real — 377,952 CSS pixels of it. Shorter 10 m and 50 m goals are there if you would rather not spend the afternoon.

Runs entirely in this browser tab. Nothing is recorded to a server or uploaded.

Distance goal

Hover here and scrollRace to 100 m of scrolled distance. The clock starts on your first scroll. Keyboard users: press Tab to focus this area, then hold Page Down.

Distance is the real travel of the box above, measured in CSS pixels, so it never depends on guessing what one wheel notch is worth. Scrolls per second counts browser wheel events — one physical notch can emit more than one. Your operating system’s scroll-lines setting changes pixels per second, so compare runs on the same machine.

How the distance is counted

The track above is a real scroll container, so every pixel counted is a pixel the browser genuinely moved. Nothing is inferred from WheelEvent.deltaY, which means a mouse reporting lines instead of pixels is measured just as fairly as one reporting pixels, and a trackpad’s momentum counts exactly as far as it actually travelled.

The conversion is the CSS definition and nothing more: 96 px to the inch, 25.4 mm to the inch, so 3,779.53 px to the metre. Your monitor’s real physical pixel pitch is not involved — this is a distance in layout units, the same on a phone and on a 4K display.

10 m
37,795 px
50 m
188,976 px
100 m
377,953 px
500 m
1,889,764 px

Strategy, for whatever that is worth

  • Release the ratchet. If your mouse has a free-spin mode, this challenge is what it was built for. One hard flick keeps the wheel turning — and the distance climbing — long after your finger has left it.
  • Do not fight the momentum. On a trackpad, repeated hard flicks in the same direction stack momentum. Short choppy swipes cancel it.
  • Keep the tab in front. A hidden tab stops delivering scroll events, so the run ends and is marked incomplete rather than quietly recording a window you never saw.
  • Start at 10 m. It is the same physics in a tenth of the time, and it is a much better way to find out whether a technique is actually working.
  • Take breaks. Sustained rapid wheel work strains the same tendons as jitter clicking. Stop if your hand complains.

Other ways to measure the same hand

If you would rather have a rate than a race, the scroll speed test gives pixels per second over a fixed window with a rating tier, and the scrolls per second test measures wheel-event rate instead of distance. For the button rather than the wheel, try the CPS test. And if the wheel feels wrong rather than slow, the mouse wheel test is the diagnostic.

100 meter scroll questions

It is a speed challenge: scroll a page 100 metres of real distance as fast as you can. Distance is counted in CSS pixels — the unit browsers actually use for layout — and converted at the CSS definition of 3,779.53 pixels to the metre. The clock starts on your first scroll and stops the instant you cross the line.