diff --git a/sciript.js b/sciript.js new file mode 100644 index 0000000..59d4777 --- /dev/null +++ b/sciript.js @@ -0,0 +1,25 @@ +let menuIcon = document.querySelector('#menu-icon'); +let navbar = document.querySelector('.navbar'); + +let sections = document.querySelectorAll('section'); +let navlinks = document.querySelectorAll('header nav ul li a'); + +window.onscroll = () => { + sections.forEach(sec => { + let top = window.scrollY; + let offset = sec.offsetTop - 150; + let height = sec.offsetHeight; + let id = sec.getAttribute('id'); + if (top >= offset && top < offset + height) { + navlinks.forEach(link => { + link.classList.remove('active'); + document.querySelector('header nav ul li a[href="#' + id + '"]').classList.add('active'); + }); + } + }); +}; + +menuIcon.onclick = () => { // Changed oneClick to onclick + menuIcon.classList.toggle('bx-x'); + navbar.classList.toggle('active'); +};