18 lines
397 B
JavaScript
18 lines
397 B
JavaScript
{
|
|
//Shrink the header when scrolling down
|
|
|
|
let header = document.getElementsByTagName("header")[0];
|
|
|
|
setInterval(() => {
|
|
let scrollPos = document.documentElement.scrollTop;
|
|
let isShrunk = header.classList.contains("shrunk");
|
|
|
|
if (scrollPos > 10 && !isShrunk) {
|
|
header.classList.add('shrunk')
|
|
}
|
|
if (scrollPos <= 10 && isShrunk) {
|
|
header.classList.remove('shrunk')
|
|
}
|
|
}, 80);
|
|
}
|