Bei Scrollevent Menüpunkte verändern

[yanninho]

Hallo Leute:),

Da ich zurzeit an einer One-Page-Seite arbeite, habe ich eine Frage.
Ich möchte, dass wenn ich scrolle und einen Menü Punkt im Inhalt erreiche,
dies auch in der Navi so ersichtlich ist sprich der Menü Punkt soll dann hervorgehoben(anders dargestellt) werden (wie bei einem Hover-Effekt).
Ebenfalls würde ich gerne wenn ich anfange zu scrollen, dass die Navigation die Farbe ändert (ist zurzeit transparent wegen einem Bild).


Ich hoffe die Frage ist einigermassen verständlich..


Danke bereits jetzt für eine Hilfestellung.

 

[Tronjer]

Das hier.
http://getbootstrap.com/javascript/#scrollspy

 

[yanninho]

Interessante Frage und ist auf jeden Fall machbar. Auf das Scrollevent horchen und prüfen, welche Unterseite im Fenster sichtbar ist. Entsprechend den Menüpunkt hervorheben, indem Du eine Klasse, z. B. "active" setzt und davon abhängig die Gestaltung änderst. Um es genauer zu beschreiben, müsste man die Seite sehen. Poste am besten die URL.

Der Link http://hunny.ch/hunnydesign/ würde mich über Hilfe wirklich freuen:)

Möchte auch irgendwie, dass das Bild wie in den Inhalt unten hineinschiebt..

 

[yanninho]

Das Menü funktioniert ja gar nicht? Hast Du das selber gemacht oder von irgendwoher übernommen?

Wäre festzulegen, wie man dieses zu definieren ist:
Es sind ja zwei oder drei gleichzeitig sichtbar.

Hi

Habe es nun mit einem guten Tutorial hinbekommen!

Trotzdem danke :)