let lastScrollPosition = 0;
const headerWrapper = document.querySelector('#header-wrapper'); // Changed selector
const scrollThreshold = 100;
function getTranslateValue() {
return window.innerWidth <= 477 ? -38 : -60;
}
window.addEventListener('scroll', () => {
const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
if (currentScrollPosition > scrollThreshold) {
// Scrolling down
if (currentScrollPosition > lastScrollPosition) {
headerWrapper.style.transform = `translateY(${getTranslateValue()}px)`;
}
// Scrolling up
else {
headerWrapper.style.transform = 'translateY(0)';
}
} else {
// Reset position when above threshold
headerWrapper.style.transform = 'translateY(0)';
}
lastScrollPosition = currentScrollPosition;
});
// Handle resize events
window.addEventListener('resize', () => {
if (lastScrollPosition > scrollThreshold) {
headerWrapper.style.transform = `translateY(${getTranslateValue()}px)`;
}
});
