Fehlerkorrekturen und FInktionserweiterung
This commit is contained in:
24
adventskalender/shared/js/header.js
Normal file
24
adventskalender/shared/js/header.js
Normal file
@@ -0,0 +1,24 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const header = document.querySelector(".main-header");
|
||||
const burger = document.getElementById("burgerBtn");
|
||||
const nav = document.getElementById("mainNav");
|
||||
|
||||
// --- Burger-Menü ---
|
||||
if (burger && nav) {
|
||||
burger.addEventListener("click", () => {
|
||||
burger.classList.toggle("active");
|
||||
nav.classList.toggle("active");
|
||||
});
|
||||
}
|
||||
|
||||
// --- Scrollverhalten ---
|
||||
if (header) {
|
||||
window.addEventListener("scroll", () => {
|
||||
if (window.scrollY > 40) {
|
||||
header.classList.add("scrolled");
|
||||
} else {
|
||||
header.classList.remove("scrolled");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user