Navileiste soll sich beim scrollen verfärben

[Camping_RIDER]

Aloha ;)

Zur Veranschaulichung: http://graphicmonkeyz.com/roselinde/index.html

Die Navleiste ist aktuell ohne Hintergrund, nachdem über das Headerfoto gescrollt wurde braucht die Nav für eine gute Erkennbarkeit einen leichten Hintergrund.

Ich habe alles in sections aufgeteilt!

Muss ich im Javascript also angeben ab welcher Section die Nav eine andere Farbe haben soll?

So in etwa. Du kannst bei window auf das scroll-Event lauschen und dann prüfst du, ob der Wert, um den insgesamt gescrollt wurde, größer oder kleiner/gleich der von dir berechneten Höhe deines Headerfotos ist (eventuell abzüglich Navleiste, je nachdem wie du das gerne hättest), und falls der Wert größer ist, gibst du der Navleiste eine zusätzliche Klasse, die du ihr wieder weg nimmst, sobald der Scroll-Wert kleiner der entsprechend von dir berechneten Höhe ist.

Wie hinterlege ich das dann in CSS?

Die Navleiste kann von Haus aus mit dem Hintergrund gestylet sein, der über dem Headerfoto aktiv sein soll, und mit zusätzlicher Klasse kannst du dann ein anderes Hintergrundbild angeben.

Grüße,

RIDER