active state of nav while scrolling

Lazy Louse answered on August 31, 2021 Popularity 2/10 Helpfulness 1/10

answer active state of nav while scrolling

active state of nav while scrolling

Comment

const links = document.querySelectorAll('.links');
const sections = document.querySelectorAll('section');

function changeLinkState() {
  let index = sections.length;

  while(--index && window.scrollY + 50 < sections[index].offsetTop) {}
  
  links.forEach((link) => link.classList.remove('active'));
  links[index].classList.add('active');
}

changeLinkState();
window.addEventListener('scroll', changeLinkState);

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript nav state

Link to this answer
Share Copy Link

Contributed on Aug 31 2021

Lazy Louse

0 Answers Avg Quality 2/10

active state of nav while scrolling

Contents

More Related Answers

active state of nav while scrolling

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.