CSS/JS/PHP Anker Links aktiv schalten

[t0x]

Hallo,

ich arbeite hier gerade an einer kleinen Webseite.
Wordpress mit einigen Plugins wie StickyHeader.

Ich habe nun das Problem, dass die Links aus der Navigation nicht aktiv bleiben, wenn man irgendwo auf die Seite klickt. Sind alles Ankerlinks, da es quasi eine einseitge Webseite ist vom Design her.
Wie kann ich bewerkstelligen, dass die Links ausgewählt bleiben, sodass man in der Navigation sieht wo man gerade ist?
Außerdem wäre es gut wenn beim scrollen über einen Anker eben jener zugehörige Link im Menü aktiviert werden würde.

Auf Grundsatzdiskussionen bzgl. verwendeter Software oder Layout bitte ich ausdrücklich zu verzichten

Danke

 

[fRaNkLiN]

Schau dir mal die ScrollSpy-Komponente von Bootstrap an. Das sollte genau das bewerkstelligen können, was du brauchst :-)

P.S: Das Bootstrap-Menü auf der rechten Seite ist auch mit der Komponente gemacht!

 

[t0x]

Hmm... wäre mir nicht bekannt dass es sich dabei um ein Bootstrap Menü handelt.
Es ist ein angepasstes Standard Theme.
Notfalls muss ich wohl den Umweg über Bootstrap machen, wenn es keine andere Möglichkeit gibt.

Danke dir soweit.

 

[fRaNkLiN]

Du brauchst Bootstrap nicht als Ganzes. Die Komponente gibt es auch einzeln, und sie lässt sich in jedes bestehende Layout integrieren.