Nav bar farb wechsel?
Hi ich möchte gerne das meine navbar die farbe wechselt wenn ich scrolle, was ich auch geschafft habe aber ich möchte gerne das sie erst die farbe wechselt wenn ich bis zu einer bestimmten höhe scrolle, also nicht direkt wenn ich anfange zu scrollen. Was muss ich da tun? :))) Hoffe man versteht was ich meine
<script>
document.addEventListener('scroll',() => {
const header =document.querySelector('header');
if (window.scrollY >4) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
})
</script>
1 Antwort
![](https://images.gutefrage.net/media/default/user/14_nmmslarge.png?v=1551279448000)
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.
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)