Chrome Browser Gains 'Scroll Anchoring' to Prevent Annoying Web Page Jumps

by

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]

Tag: Chrome

Top Rated Comments

(View all)
Avatar
46 months ago
I already have something like this, it's called an ad-blocker.
Score: 16 Votes (Like | Disagree)
Avatar
46 months ago
God yes. There's nothing worse than seeing your content on screen jump around like a rabbit on crack because stuff (usually images) is loading off-screen.
Score: 12 Votes (Like | Disagree)
Avatar
46 months ago
The whole idea of page jumping is to get a user to accidentally click a link.
This is an old trick we've been using for years to generate ad revenue. In fact most apps use this trick. You go to open a feature or play a game and boom, an ad appears and you clicked a link.
Score: 6 Votes (Like | Disagree)
Avatar
46 months ago
Thank you, thank you, thank you.
Score: 3 Votes (Like | Disagree)
Avatar
46 months ago
That annoying page-jumping happens with Safari sometimes as well, for me anyway.
Score: 2 Votes (Like | Disagree)
Avatar
46 months ago

The whole idea of page jumping is to get a user to accidentally click a link.
This is an old trick we've been using for years to generate ad revenue. In fact most apps use this trick. You go to open a feature or play a game and boom, an ad appears and you clicked a link.

It does seem to be on some sites.
Score: 2 Votes (Like | Disagree)

Top Stories

Early iPhone 12 Tests Show Ceramic Shield is Stronger and More Scratch Resistant Than iPhone 11 Glass

Friday October 23, 2020 1:21 pm PDT by
Apple's new iPhone 12 models are protected by a Ceramic Shield cover glass that has nano-ceramic crystals infused right into the glass to improve durability. According to Apple, Ceramic Shield offers four times better drop protection than the glass used for the iPhone 11 models. YouTube channel MobileReviewsEh conducted some tests on the iPhone 12 using a force meter to compare its performance ...

iPhone 12 Pro Allows You to Measure Someone's Height Instantly Using LiDAR Scanner

Saturday October 24, 2020 11:12 am PDT by
iPhone 12 Pro models feature a new LiDAR Scanner for enhanced augmented reality experiences, but the sensor also enables another unique feature: the ability to measure a person's height instantly using the Measure app. You can even measure the seated height of a person in a chair, according to Apple. When the Measure app detects a person in the viewfinder, it automatically measures their...

Google Reportedly Pays Apple $8-12 Billion Per Year to be Default iOS Search Engine

Sunday October 25, 2020 2:59 pm PDT by
The United States Justice Department is targeting a lucrative deal between Apple and Google as part of one of the U.S. government's largest antitrust cases, reports The New York Times. On Tuesday, the Justice Department filed an antitrust lawsuit against Google, claiming the Mountain View-based company used anticompetitive and exclusionary practices in the search and advertising markets to ...

Apple References Unreleased 2020 16-Inch MacBook Pro in Boot Camp Update

Monday October 26, 2020 8:42 am PDT by
Last week, Apple released an update for Boot Camp, its utility for running Windows on a Mac. While this update would typically be unremarkable, several of our readers noticed that the release notes reference an unreleased 2020 model of the 16-inch MacBook Pro. While this could easily be a mistake, the 16-inch MacBook Pro is nearly a year old, so it is certainly a worthy candidate for a...

Apple Warns MagSafe Charger Can Leave Circular Imprints on Leather Cases

Friday October 23, 2020 3:23 pm PDT by
If you keep your iPhone in a leather case while charging with Apple's new MagSafe Charger, the case might show circular imprints from contact with the accessory, according to a new Apple support document published today. Apple's leather cases for the iPhone 12 and iPhone 12 Pro are not available until November 6, but a MacRumors reader has already shared a photo of a circular imprint on...

iPhone 11 Pro Outlasts iPhone 12 and 12 Pro in Extensive Battery Life Test

Friday October 23, 2020 8:36 am PDT by
Arun Maini today shared a new side-by-side iPhone battery life video test on his YouTube channel Mrwhosetheboss, timing how long the new iPhone 12 and iPhone 12 Pro models last on a single charge compared to older models, with equal brightness, settings, battery health, and usage. All of the devices are running iOS 14 without a SIM card inserted. In the test, the iPhone 11 Pro outlasted both ...

PSA: Non-iPhone 12 Models Charge Super Slowly With MagSafe Charger

Friday October 23, 2020 4:11 pm PDT by
Alongside the iPhone 12 models, Apple introduced a new $39 MagSafe Charger that's meant to work with the magnets in the iPhone 12 Pro models to charge them up at a maximum of 15W. The MagSafe Charger is technically able to be used with older iPhones, but it's not a good idea because the charging with non-iPhone 12 devices is so slow. We did two tests with the iPhone XS Max, draining the...

MagSafe Charger Teardown Reveals Simple Design With Magnets and Charging Coil Encircling a Small Circuit Board

Friday October 23, 2020 7:50 am PDT by
iFixit has today shared a teardown of Apple's new MagSafe charger for the iPhone 12 and iPhone 12 Pro. An X-ray of the MagSafe charger courtesy of Creative Electron reveals the internal charging coil surrounded by a circular arrangement of magnets within the puck. The only seam that iFixit was able to leverage to open the device was where the white rubber circle meets the metal rim,...

Apple VP Kaiann Drance Interview Addresses Battery Life, MagSafe, and Power Adapter Concerns

Friday October 23, 2020 3:37 am PDT by
Apple's Vice President of iPhone Marketing, Kaiann Drance, has provided a new interview to Rich DeMuro on the Rich on Tech Podcast, to discuss the iPhone 12 and iPhone 12 Pro. Although much of the interview repeated points from Apple's "Hi, Speed" event, there were a number of interesting tidbits regarding the affect of 5G on battery life, MagSafe concerns, and the lack of a power adapter in...

iFixit Shares Full iPhone 12 and 12 Pro Teardown Revealing Interchangeable Displays and Batteries

Saturday October 24, 2020 1:48 pm PDT by
After live streaming a teardown of the iPhone 12 and iPhone 12 Pro earlier this week, iFixit today provided a more in-depth teardown that goes through all of the components in the new devices, revealing several similarities between the two. Early testing conducted by iFixit shows that the iPhone 12 and 12 Pro displays are interchangeable and can be swapped without issue, though the max...