Choosing a selection results in a full page refresh.
Opens in a new window.
const header = document.querySelector('.header-wrapper');
let scrollTimeout;
window.addEventListener('scroll', () => {
// While scrolling, set position to relative
header.style.position = 'relative';
// Clear previous timeout
clearTimeout(scrollTimeout);
// After scrolling stops (e.g., 200ms), set position back to fixed
scrollTimeout = setTimeout(() => {
header.style.position = 'fixed';
}, 200);
});
