![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
![](https://images.gutefrage.net/media/default/user/14_nmmslarge.png?v=1551279448000)
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.