window.addEventListener('scroll', function () {
let h2 = document.querySelector('.contact__header')
if(window.scrollY >= h2.getBoundingClientRect().top) {
h2.style.transition = '3s all'
h2.style.color = 'blue'
} else {
h2.style.color = 'red'
}
})
Masz przykład działającego "mechanizmu" ze sprawdzaniem warunku.
Jak chcesz sprawdzić, czy działa w obie strony to po zeskrolowaniu w górę, naciśnij ctrl + - żeby oddalić stronę.