document.addEventListener("DOMContentLoaded", function () { // Pobieranie elementu #rbm-heroimage__inner var heroImageInner = document.getElementById("rbm-heroimage__inner"); // Dodanie obsługi zdarzenia dla przewijania strony window.addEventListener("scroll", function () { // Pobieranie aktualnej pozycji przewinięcia strony var scrollPosition = window.scrollY; // Obliczanie 80% widoku okna var eightyPercentViewport = 0.8 * window.innerHeight; // Sprawdzanie warunku przewinięcia strony o 80% widoku okna if (scrollPosition >= eightyPercentViewport) { // Zmiana background-position-y na -640px heroImageInner.style.backgroundPositionY = "-640px"; } else { // Resetowanie background-position-y na początkową wartość (jeśli wymagane) heroImageInner.style.backgroundPositionY = "initial"; } }); });