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
44 months ago
I already have something like this, it's called an ad-blocker.
Score: 16 Votes (Like | Disagree)
Avatar
44 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
44 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
44 months ago
Thank you, thank you, thank you.
Score: 3 Votes (Like | Disagree)
Avatar
44 months ago
That annoying page-jumping happens with Safari sometimes as well, for me anyway.
Score: 2 Votes (Like | Disagree)
Avatar
44 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

Apple Takes Legal Action Against Small Company With Pear Logo

Saturday August 8, 2020 11:09 am PDT by
Apple is taking legal action against the developers of the app "Prepear" due to its logo, according to iPhone in Canada. Prepear is an app that helps users discover recipes, plan meals, make lists, and arrange grocery deliveries. The app is a spinoff of "Super Healthy Kids," and the founders claim that they are facing litigation from Apple. Apple reportedly takes issue with Prepear's logo, ...

Kuo: Global iPhone Shipments Could Decline Up to 30% If Apple Forced to Remove WeChat From App Store [Updated x2]

Sunday August 9, 2020 10:17 pm PDT by
In a worst-case scenario, Apple's annual global iPhone shipments could decline by 25–30% if it is forced to remove WeChat from its App Stores around the world, according to a new research note from analyst Ming-Chi Kuo viewed by MacRumors. The removal could occur due to a recent executive order aiming to ban U.S. transactions with WeChat and its parent company Tencent. Kuo lays out...

iPhone Maker Foxconn Says China's 'Days as the World's Factory Are Done'

Wednesday August 12, 2020 7:55 am PDT by
China will no longer be the world's manufacturing epicenter going forward, according to Apple's largest supply chain partner Foxconn, which has been gradually expanding its operations in other countries amid the U.S.-China trade war. "No matter if it's India, Southeast Asia or the Americas, there will be a manufacturing ecosystem in each," said Foxconn chairman Young Liu, according to Bloombe...

Google Maps Debuts New Apple Watch App and CarPlay Features

Monday August 10, 2020 9:16 am PDT by
Google today announced the launch of several features for Google Maps on Apple products, including new CarPlay functionality and a new Google Maps app that works on Apple Watch. The new Google Maps app for Apple Watch works similarly to the iOS app, allowing Apple Watch owners to get directions for a car, bike, public transit, or on foot. The app supports estimated arrival times and...

Apple May Release 4G-Only iPhone 12 in Early 2021

Tuesday August 11, 2020 5:28 am PDT by
In a research note shared by Business Insider, Wedbush Securities analysts said that Apple may release a cheaper iPhone 12 in early 2021 with no 5G connectivity. Wedbush initially believed Apple would launch a mix of 4G and 5G iPhone 12 models this fall. Following re-examination of Asian supply chains, analysts Daniel Ives, Strecker Backe, and Ahmad Khalil revised the predictions,...

iPad Pro Keyboard Comparison: Logitech's $160 Folio Touch vs. Apple's $300 Magic Keyboard

Tuesday August 11, 2020 2:11 pm PDT by
Logitech recently debuted the Folio Touch, a keyboard and trackpad case designed for the 11-inch iPad Pro that serves as an alternative to the Magic Keyboard. In our latest YouTube video, we compare the $160 Folio Touch to Apple's $300 Magic Keyboard to see which is better. Subscribe to the MacRumors YouTube channel for more videos. Logitech is selling the Folio Touch for $160, while Apple's...

Foxconn Reportedly Begins Seasonal Hiring Spree for iPhone 12 Production

Monday August 10, 2020 7:03 am PDT by
Apple's largest manufacturing partner Foxconn has begun its seasonal hiring spree to assist with iPhone 12 production, offering employees who recruit qualified applicants up to a 9,000 yuan bonus, according to Chinese media reports. As usual, Foxconn needs as many hands on deck as possible at its factory in Zhengzhou, China to assist with mass production of the upcoming iPhones. Apple is...

Apple Seeds First Public Beta of watchOS 7 to Public Beta Testers

Monday August 10, 2020 10:33 am PDT by
Apple today seeded the first public beta of an upcoming watchOS 7 update to public beta testers, one week after seeding the fourth beta to developers and a month and a half after the Worldwide Developers Conference. The update can be downloaded after installing the proper profile from Apple's Public Beta website. watchOS 7 should not be installed on a primary device as it is still an early...

Apple Watch Likely to Adopt MicroLED Display Technology in 3-4 Years

Monday August 10, 2020 2:55 am PDT by
This year's Apple Watch Series 6 is expected to feature an OLED screen like previous models, but a future model is likely to be the first Apple product to adopt MicroLED display technology, albeit not for another three to four years. That's the main takeaway reading between the lines of comments made by the chairman of Epistar, Taiwan's top LED producer, which is reportedly working on a...

Parallels Desktop 16 Brings macOS Big Sur Support, Multi-Touch Gestures, 20% Faster DirectX, and More

Tuesday August 11, 2020 2:17 am PDT by
Parallels Desktop 16 released today, bringing some notable new features and performance enhancements to the virtualization software, including full support for macOS Big Sur. When Apple introduced macOS Big Sur, it ended support for the third-party kernel extensions that previous versions of Parallels were built on. That forced the developers to re-engineer the virtualization software from the ...