Scroll markers

A scroll marker scrolls a container to a scroll target. The ::scroll-marker CSS pseudo-element selects a scroll marker in a ::scroll-marker-group pseudo-element, generated before or after the scroll container. You can use them to navigate and style tables of contents, tab panels, and carousels.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

135

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

135

Supported

Mobile Browser Engine Support

Chrome Android

135

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.scroll-marker-group ↗ css.properties.scroll-marker-group.after ↗ css.properties.scroll-marker-group.before ↗ css.properties.scroll-marker-group.none ↗ css.selectors.scroll-marker ↗ css.selectors.scroll-marker-group ↗