CSS/Selektoren/target-current

Browserunterstützung
caniuse.com

Der :target-current-Selektor ist eine dynamische Pseudoklasse, die die aktive Bildlaufmarkierung auswählt – das ::scroll-marker-Pseudoelement einer Bildlaufmarkierungsgruppe, zu der gerade gescrollt wird. Dieser Selektor kann verwendet werden, um die aktive Navigationsposition innerhalb einer Bildlaufmarkierungsgruppe zu gestalten.

Syntax

:target-current {}

anwendbar auf

Elemente, die als Scroll-Container formatiert sind.

Beispiel

::scroll-marker {
  background-color: white;
}

::scroll-marker:target-current {
  background-color: black;
}

In einer Reihe von scroll-markern wird das aktuell aktive Element gekennzeichnet.

Siehe auch

• Bilder präsentieren
  • Bildergalerie mit Scroll Snap
  • figure und figcaption
    • Lazy loading
    • Bilderzoom mit Grid Layout
   
• 

  OnePager

  (Single-Page Webseite mit Scroll)

  • Komfort-Version
  • interactive Storytelling
   

Weblinks

• WHATWG: Selecting The Active Scroll Marker: the :target-current pseudo-class CSS Overflow Module Level 5
• MDN: :target-current
• Browser-Support: caniuse.com