Move header up and disable hiding
This commit is contained in:
@@ -1,21 +1,3 @@
|
||||
/**
|
||||
* Utils
|
||||
*/
|
||||
|
||||
// Throttle
|
||||
//
|
||||
const throttle = (callback, limit) => {
|
||||
let timeoutHandler = null;
|
||||
return () => {
|
||||
if (timeoutHandler == null) {
|
||||
timeoutHandler = setTimeout(() => {
|
||||
callback();
|
||||
timeoutHandler = null;
|
||||
}, limit);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
// addEventListener Helper
|
||||
//
|
||||
const listen = (ele, e, callback) => {
|
||||
@@ -24,26 +6,7 @@ const listen = (ele, e, callback) => {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Functions
|
||||
*/
|
||||
|
||||
// Auto Hide Header
|
||||
//
|
||||
let header = document.getElementById('site-header');
|
||||
let lastScrollPosition = window.pageYOffset;
|
||||
|
||||
const autoHideHeader = () => {
|
||||
let currentScrollPosition = Math.max(window.pageYOffset, 0);
|
||||
if (currentScrollPosition > lastScrollPosition) {
|
||||
header.classList.remove('slideInUp');
|
||||
header.classList.add('slideOutDown');
|
||||
} else {
|
||||
header.classList.remove('slideOutDown');
|
||||
header.classList.add('slideInUp');
|
||||
}
|
||||
lastScrollPosition = currentScrollPosition;
|
||||
}
|
||||
|
||||
// Mobile Menu Toggle
|
||||
//
|
||||
@@ -91,12 +54,4 @@ if (header !== null) {
|
||||
window.location.hash = '#' + ele.id;
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener('scroll', throttle(() => {
|
||||
autoHideHeader();
|
||||
|
||||
if (mobileMenuVisible == true) {
|
||||
toggleMobileMenu();
|
||||
}
|
||||
}, 250));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user