Sticky position - Farbe ändern

[Michael_K]

Hallo,

Gehe ich recht in der Annahme, dass es nicht möglich ist, ohne Javascript die Hntergrundfarbe für eine "klebendes" Element festzulegen, sobald das Element durch Scrollen oben kleben bleibt?

Ganz einfach gefragt, gibt es eine CSS-only Möglichkeit, in diesem W3Schools Sticky-Beispiel CSS zu hinterlegen, damit die Hintergrundfarbe von Gelb auf Rot wechselt, sobal das Element am oberen Rand angekommen ist und kleben bleibt?

Ich habe mich nun angelesen, aber ich konnte nur JS basierte Lösungen finden (via. Intersection-Observer).

Gruss Michael

[Rolf B]

Hallo Michael,

mir scheint, du gehst recht. Eine Pseudoklasse :sticky finde ich nicht, und @media oder @container Abfragen, die sich auf die Bildschirmposition beziehen, wären mir auch neu.

Vielleicht ist irgendwo was versteckt in der Pipeline, aber wenn man dem Rest der Welt folgt, wohl eher nicht. Aber vielleicht ist ja der dort gezeigte stuck/unstuck Trick was für Dich. Warnung: das ist wirklich ein böser Trick und gelingt nur, wenn das sticky Element nicht sehr hoch ist. Bei feinem vertikalen Scrolling fällt es dann trotzdem auf.

Rolf