jQuery Smooth Scroll Aktuell/Aktiv

Question

Ich benutze jQuery Smooth Scroll auf einer einseitigen Website, und jedes "Panel" hat das Navigationsgerät oben rechts. Ich möchte das aktuell ausgewählte "Panel" zeigen, indem ich die Auswahl im Nav jedes Mal hervorhebe, wenn der Benutzer "Panels" ändert. Gibt es dafür schon einen einfachen Weg in das Plugin? Vielen Dank!

jQuery Smooth Scroll website

Answer 1

jede Ihrer nav-Taste die gleiche Klasse (wie .navbutton) Unter der Annahme, aber hat eine andere ID (wie #nav1, #nav2, #nav3), könnten Sie eine neue Klasse in Ihrem CSS erstellen (lets nennt es .selected)

.selected { 
    background: red; 
} 

Dann, wenn Sie Ihren Code ausführen, die Ihr Scrollen tut, tut dies auch:

$(".navbutton").each(function(){ $(this).removeClass('selected'); }); // remove selected from all Nav Buttons 
$("#nav1").addClass('selected'); // Add class to single Nav Button (assuming nav1 was clicked)