Parallax in WP Theme

[Gunnar Bittersmann]

@@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.

🖖 Живіть довго і процвітайте