34 lines
1,016 B
JavaScript
34 lines
1,016 B
JavaScript
|
// Navigation scroll effect
|
||
|
|
function updateNavigation() {
|
||
|
|
const navigation = document.getElementById("navigation");
|
||
|
|
if (window.scrollY > 50) {
|
||
|
|
navigation.classList.add("scrolled");
|
||
|
|
} else {
|
||
|
|
navigation.classList.remove("scrolled");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Mobile navigation functionality
|
||
|
|
function setupMobileNavigation() {
|
||
|
|
const burgerMenu = document.getElementById("burger-menu");
|
||
|
|
const mainNav = document.getElementById("main-nav");
|
||
|
|
|
||
|
|
if (burgerMenu && mainNav) {
|
||
|
|
burgerMenu.addEventListener("click", function () {
|
||
|
|
mainNav.classList.toggle("active");
|
||
|
|
burgerMenu.classList.toggle("active");
|
||
|
|
document.body.classList.toggle("nav-open");
|
||
|
|
});
|
||
|
|
|
||
|
|
// Close menu when clicking on a link
|
||
|
|
const navLinks = mainNav.querySelectorAll("a");
|
||
|
|
navLinks.forEach((link) => {
|
||
|
|
link.addEventListener("click", function () {
|
||
|
|
mainNav.classList.remove("active");
|
||
|
|
burgerMenu.classList.remove("active");
|
||
|
|
document.body.classList.remove("nav-open");
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|