Skip to content

Instantly share code, notes, and snippets.

@daphen

daphen/gist:66c4d35b253a3967c3fa79e43fbee9bc

Created June 20, 2016 16:15
Show Gist options
  • Save daphen/66c4d35b253a3967c3fa79e43fbee9bc to your computer and use it in GitHub Desktop.
Save daphen/66c4d35b253a3967c3fa79e43fbee9bc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
let frame;
const headerElement = document.getElementById('header');
let headerToggled = false;
function update(frameId,skip){
frame = false;
if ( headerToggled && window.pageYOffset > 100 ) {
headerToggled = false;
headerElement.classList.add('nav-bar');
console.log(headerToggled);
} else if ( !headerToggled && window.pageYOffset < 100 ) {
headerToggled = true;
headerElement.classList.remove('nav-bar');
console.log(headerToggled);
}
}
function callUpdate(){
frame = frame || requestAnimationFrame(update);
}
window.addEventListener('scroll', callUpdate);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment