Wie kann ich meine Navigationsleiste dazu bringen, die CSS-Klasse zu ändern, wenn ich an einem Ankerpunkt vorbei scrolle?

Ich benutze Bootstrap 3 und möchte erreichendieser Effekt wenn der Benutzer über das große Header-Bild auf meiner Seite hinausblättert. Ich brauche den Hintergrund der Navigationsleiste, um von transparent zu weiß zu wechseln. Ich schaute in ihren Code und ich weiß, dass es mit Javascript gemacht wird, und sah sogarWOHER Ich glaube, es passierte (suchen Sie in diesem JS nach der ID '# main-header') ...

Abgesehen von fortgeschrittenem Javascript suche ich nach einer Möglichkeit, dies auf meine Navigationsleiste anzuwenden, wenn ich über einen bestimmten Punkt hinaus scrolle. Die Klasse für meinen Code heißt "navbar" und ich möchte, dass sie weiß wird, wenn "#main" übergeben wird. Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen, und vielen Dank im Voraus, wenn jemand helfen möchte!