18 lines
600 B
JavaScript
18 lines
600 B
JavaScript
|
window.addEventListener('scroll', function() {
|
||
|
|
const navbar = document.getElementById('navbar');
|
||
|
|
const buttons = document.querySelectorAll('#navButton'); // Select all nav buttons
|
||
|
|
if (window.scrollY > 0) {
|
||
|
|
navbar.classList.add('scrolled');
|
||
|
|
buttons.forEach(button => {
|
||
|
|
button.classList.remove('light');
|
||
|
|
button.classList.add('dark');
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
navbar.classList.remove('scrolled');
|
||
|
|
buttons.forEach(button => {
|
||
|
|
button.classList.remove('dark');
|
||
|
|
button.classList.add('light');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|