How to Make Link Item Active when Scrolling past Section

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/professional-css...
👉 Professional JavaScript Course: bytegrad.com/professional-jav...
👉 Email newsletter (get new course alerts): email.bytegrad.com
In this tutorial you'll learn how to make a nav link item active when scrolling past its corresponding section.
💻 Premium Courses:
Professional JavaScript: bytegrad.com/professional-jav...
Professional CSS: bytegrad.com/professional-css...
All courses: bytegrad.com/courses
🔔 Email newsletter (get new course discounts): email.bytegrad.com
0:00 Solution
#webdevelopment #coding #programming

[@user-bb2ky7tw2e]

You've been a great help, thank you.

[@tomoutram774]

Fantastic tutorial, subscribed.

[@ob5804]

Help please! When I scrolled down and now scroll up, all the links are highlighted, but the active one is not, I understand that this is because the active class was deleted, but I don't know how to fix and write it down (?

[@user-cq7ox8jn3c]

thank you so much

[@alphamx13]

Great tutorial just one question... once you are on the last section and you want to go back to home section, the active class shows on each section when scrolling up. Is there a way to only show the active class if you jump from one section to another without adding this active class on each section ? Thank you!

[@mrsniffles7089]

I am 7 months late but this is removed on the js code that commands previous selectors to remove (‘active’)