Spaces:
Running
Running
| // Smooth scrolling for navigation links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Highlight nav link on scroll | |
| window.addEventListener('scroll', () => { | |
| const sections = document.querySelectorAll('section'); | |
| const navLinks = document.querySelectorAll('nav ul li a'); | |
| let current = ''; | |
| sections.forEach(section => { | |
| const sectionTop = section.offsetTop; | |
| const sectionHeight = section.clientHeight; | |
| if (scrollY >= (sectionTop - 200)) { | |
| current = section.getAttribute('id'); | |
| } | |
| }); | |
| navLinks.forEach(link => { | |
| link.classList.remove('active'); | |
| if (link.getAttribute('href').substring(1) === current) { | |
| link.classList.add('active'); | |
| } | |
| }); | |
| }); |