CSS/Selektoren/scroll-marker-group

Der ::scroll-marker-group-Selektor generiert ein Pseudo-Element innerhalb eines Scroll-Containers, das alle ::scroll-marker-Pseudo-Elemente enthält, die aus den Nachkommen des Scroll-Containers generiert werden.

Bis jetzt musste so etwas mit vielen HTML-Eleenten und JavaScript von Hand nachgebaut werden.

Syntax	::scroll-marker-group {}
Browsersupport	Details: caniuse.com

Beispiel

ul::scroll-marker-group {
  display: flex;
  justify-content: center;
  gap: 1em;
}

Die Scroll-marker-group wird zentriert.

Siehe auch

• OnePager
  • Komfort-Version

Weblinks

• W3C: Scroll marker group Pseudo CSS Overflow Module Level 5
• MDN: ::scroll-marker-group
• MDN: CSS Carousels
• Carousels with CSS Adam Argyle, 20.03.2025 (developer.chrome.com)