Antwort
document.addEventListener('scroll', () => {
const header = document.querySelector('header');
if (window.scrollY > 100) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
})
Du fügst in der If Abfrage einfach die Anzahl der Pixel ein, die gescrollt werden müssen, bis es sich ändert. Im Beispiel jetzt 100.