Scroll To Text Fragment

DOM

This feature allows a user or author to link to a specific portion of a page, using a text snippet provided in the URL. When the page is loaded, the browser highlights the text and scrolls it into view. For example, the URL: [https://en.wikipedia.org/wiki/Cat#:~:text=On islands, birds can contribute as much as 60% of a cat's diet] This loads the page for Cat, highlights the specified text, and scrolls directly to it.

Navigating to a URL today will load the page scrolled to the top. On pages that provide element ids on appropriate section headings, users and other pages can link directly to those elements by providing the id in the "URL hash". For example, navigating to https://en.wikipedia.org/wiki/Cat#Senses will load the page for Cat, scrolled to the "Senses" section. However, the URL hash relies on authors annotating their page and correctly guessing all points that might be interesting to a user. This feature will allow the link-creator to specify which portion of the page is interesting, without relying on author annotations.

Status in Chromium

Blink components: Blink>Scroll

Enabled by default (tracking bug) in:

Chrome for desktop release 80
Chrome for Android release 80
Android WebView release 80

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Public skepticism
Edge: Public support
Safari: Mixed public signals
Web Developers: Positive

Owners

Intent to Prototype url

Intent to Prototype thread

Last updated on 2020-05-18