You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
629 B
JavaScript
21 lines
629 B
JavaScript
//const header = document.getElementById("header");
|
|
const headerHeight = header.offsetHeight;
|
|
const headerContainer = document.getElementById("header-container");
|
|
const threshold = header.getBoundingClientRect();
|
|
|
|
const handleScroll = () => {
|
|
if (window.scrollY >= (headerHeight/2) || window.pageYOffset >= (headerHeight/2)){
|
|
header.classList.add('header--scroll');
|
|
headerContainer.classList.add('header-container--scroll');
|
|
}
|
|
else {
|
|
header.classList.remove('header--scroll');
|
|
headerContainer.classList.remove('header-container--scroll');
|
|
}
|
|
}
|
|
|
|
window.onscroll = () => {
|
|
requestAnimationFrame(handleScroll)
|
|
}
|
|
|