demo · v140

Scroll Target Group

The property has two values: none and auto. Set auto on the anchor group and each anchor becomes a scroll marker whose visible target can match :target-current, while :target still tracks the URL fragment.

One

The URL fragment is sticky state. Click this marker and :target stays on it until another fragment is selected.

Two

The current scroll marker is viewport state. With auto, this panel's anchor can match :target-current as it enters the scroller.

Three

Switch the property to none. The anchors still jump to their sections, but the group no longer establishes marker tracking.

Four

The invalid historical value is not part of the property grammar; this demo deliberately avoids highlight.

property support

checking

URL :target

none

visible current

Panel 1

.markers { scroll-target-group: auto; }
.markers a:target { box-shadow: inset 0 -4px 0 var(--accent-rose); }
.markers a:target-current { background: var(--text-black); color: var(--bg-ivory); }

see also