@@Killua > *) Wobei den Pkt. 4 der Erklärung kapiere ich nicht: > > Den Wert könnte man nun direkt document.documentElement.style.backgroundPositionY zuweisen. Ich bin aber kein Freund davon, Werte von CSS-Eigenschaften mit JavaScript zu ändern. Deshalb weise ich den Wert der custom property --y zu. > > ist JS da nur fürs auslösen zuständig, oder was? Nein, mit JavaScript wird beim Scrollen die jeweils aktuelle Scrollposition ermittelt und daraus der zugehörige Wert für `background-position-y` berechnet. Wenn man ganz oben auf der Seite ist, kommt da `0%` raus; vom Burj Khalifa ist die Spitze zu sehen. Wenn man bis ganz unten gescrollt hat, kommt da `100%` raus und man sieht den Fuß des Gebäudes. 🖖 Живіть довго і процвітайте {:@uk} -- *When the power of love overcomes the love of power the world will know peace.*{:@en} — Jimi Hendrix

@@Killua > *) Wobei den Pkt. 4 der Erklärung kapiere ich nicht: > > Den Wert könnte man nun direkt document.documentElement.style.backgroundPositionY zuweisen. Ich bin aber kein Freund davon, Werte von CSS-Eigenschaften mit JavaScript zu ändern. Deshalb weise ich den Wert der custom property --y zu. > > ist JS da nur fürs auslösen zuständig, oder was? Nein, mit JavaScript wird beim Scrollwn die jeweils aktuelle Scrollposition ermittelt und daraus der zugehörige Wert für `background-position-y` berechnet. Wenn man ganz oben auf der Seite ist, kommt da `0%` raus; vom Burj Khalifa ist die Spitze zu sehen. Wenn man bis ganz unten gescrollt hat, kommt da `100%` raus und man sieht den Fuß des Gebäudes. 🖖 Живіть довго і процвітайте {:@uk} -- *When the power of love overcomes the love of power the world will know peace.*{:@en} — Jimi Hendrix