An In Depth Look At Browser Scrolling

Over at the Microsoft Edge blog, Nolan Lawson has an in-depth look of the simple scroll:

Scrolling is one of the oldest interactions on the web. Long before we had pull-to-refresh or infinite-loading lists, the humble scrollbar solved the web’s original scaling problem: how can we interact with content that’s stretched beyond the available viewport?

Today, scrolling is still the most fundamental interaction on the web, and perhaps the most misunderstood. For instance, do you know the difference between the following scenarios?

  • User scrolls with two fingers on a touch pad
  • User scrolls with one finger on a touch screen
  • User scrolls with a mouse wheel on a physical mouse
  • User clicks the sidebar and drags it up and down
  • User presses up, down, PageUp, PageDown, or spacebar keys on a keyboard

As you might recall, I onct wrote a song about it: “There Must Be Fifty Ways To Scroll Your Window“.

The piece on the Edge blog goes into greater detail that your developers might find interesting.

Comments are closed.


wordpress visitors