-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
18 lines (18 loc) · 985 Bytes
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
window.onload = () => {
let posY = window.pageYOffset || document.documentElement.scrollTop;
if(posY>80){
document.querySelector('header').classList.add('hdr-sm', 'hdr-dw');
}
window.addEventListener('scroll', function (e) {
var distanceY = window.pageYOffset || document.documentElement.scrollTop;
if (distanceY > 40) {
document.querySelector('header').classList.add('hdr-sm');
if (distanceY > 80) {
(posY < distanceY) ? document.querySelector('header').classList.add('hdr-dw') : document.querySelector('header').classList.remove('hdr-dw');
(posY > distanceY) ? document.querySelector('header').classList.add('hdr-up') : document.querySelector('header').classList.remove('hdr-up');
}
} else {
document.querySelector('header').classList.remove('hdr-sm','hdr-dw','hdr-up');
}posY = window.pageYOffset || document.documentElement.scrollTop;
});
};