Google yesterday announced a new feature in the latest update to its Chrome browser that aims to make the progressive loading of web pages less jumpy and annoying.
The idea behind progressive loading is to allow users to begin consuming web content immediately before the page has fully loaded, but the offscreen loading of pictures and so on can cause unexpected page jumps and push down what’s already on screen, making for a frustrating experience, especially on mobile devices. Google’s answer to this problem is something called Scroll Anchoring.
Similar to other features designed to protect our users from bad experiences, starting in version 56 Chrome prevents these unexpected page jumps with a new feature called scroll anchoring. This feature works by locking the scroll position on an on-screen element to keep our users in the same spot even as offscreen content continues to load.
Google claims scroll anchoring is already preventing about three page jumps per page-view, but says it understands there might be some content for which scroll anchoring is either unwanted or misbehaving. For this reason, the feature ships alongside a CSS property to override it.
While the focus of this feature is on mobile, scroll anchoring is actually also on by default on Chrome for Mac. Meanwhile, Google is encouraging web developers to participate in a community group to discuss the feature’s functionality, offer feedback, and learn how to design websites or services “with a no-reflow mindset”.
Google Chrome is available to download for free on the App Store. [Direct Link]
Discuss this article in our forums