Active Link beim Scrollen

Ich versuche, einen aktiven Link hinzuzufügen, so dass Menschen, während sie scrollen, die aktive Klasse haben.Active Link beim Scrollen

Ich habe die Fiddle von diesem Posten wurde mit: Change Active Menu Item on Page Scroll?

Ich kann es aber nicht bekommen in meinem Code zu arbeiten.

Im Folgenden finden Sie, was ich habe so weit, und meine Website ist http://whitneyedenlewis.com

Dank!

Quelle

2016-04-19 Whitney Lewis

Whitney,

Die Geige aus dem Beitrag, den Sie erwähnt tut Arbeit, aber Sie müssen eine ID zu Ihrem <ul> hinzuzufügen, so dass es <ul id="top-menu"> ist.

Danach Zugabe und den Code in der oben genannten Geige, werden Sie die aktive Klasse auf andere Links in Ihrer Navigation bewegen zu sehen. Von dort haben Sie noch ein wenig mehr zu tun, aber das sollte Ihre Frage beantworten.

Quelle

2016-04-19 04:48:09

Vielen Dank einen Blick für die Aufnahme! Ich habe das # Top-Menü zur ul hinzugefügt und die absolute Position zu meinen Anker-IDs hinzugefügt. Die aktive Klasse bewegt sich jedoch nicht ... Irgendwelche Gedanken? –

Die Art und Weise, wie ich getestet habe, dass das funktioniert, war, in Chrome auf die Dev-Tools-Konsole zu gehen und das JavaScript von der Geige einzufügen, auf die Sie verwiesen haben. Sobald ich es eingefügt habe und Enter gedrückt habe, habe ich begonnen, die Schriftrolle zu testen. Ich konnte sehen, dass die aktive Klasse angewendet wurde. Es brauchte nur Polnisch. Ich füge ein riesiges gif hinzu, damit du es sehen kannst. –

Ich habe den aktiven Link richtig funktioniert. Aber immer noch nur wenn ich es in die Konsole einfüge. Wie kann ich es machen, ohne das zu tun? .... Danke :) –

Active Link beim Scrollen

Antwort

Verwandte Themen