personal-website/deploy/js/main.js

26 lines
852 B
JavaScript

// Handle mobile menu toggle
document.addEventListener('DOMContentLoaded', () => {
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth'
});
}
});
});
// Add scroll event listener for navbar
const navbar = document.querySelector('nav');
window.addEventListener('scroll', () => {
if (window.scrollY > 0) {
navbar.classList.add('shadow-md');
} else {
navbar.classList.remove('shadow-md');
}
});
});