HTML und CSS · Senior · Frage 32 von 75
Wofür nutzt man CSS Anchor Positioning?
- 1Um einen Tooltip oder ein Popover ohne JS-Berechnungen an ein anderes Element zu binden
- 2Um ein Element wie
stickyüber dem Inhalt am unteren Bildschirmrand zu fixieren - 3Um die Seite beim Klick auf einen Link flüssig zu einem Anker
#sectionzu scrollen
Antwort zeigen
Richtige Antwort: Um einen Tooltip oder ein Popover ohne JS-Berechnungen an ein anderes Element zu binden
Erklärung
Einen Anker deklariert man mit anchor-name: --btn, und das positionierte Element verweist über position-anchor und die Funktion anchor() (oder position-area) darauf. Für Platzmangel gibt es Fallbacks (position-try-fallbacks). Früher brauchte man dafür Bibliotheken wie Floating UI. Die Browserunterstützung ist noch nicht überall vollständig - vor dem Einsatz prüfen.