Skip to content

Instantly share code, notes, and snippets.

@celticwebdesign

celticwebdesign/Add box shadow to header on scroll

Created March 21, 2016 11:17
Show Gist options
  • Save celticwebdesign/f2bf3287b559f96df0cf to your computer and use it in GitHub Desktop.
Save celticwebdesign/f2bf3287b559f96df0cf to your computer and use it in GitHub Desktop.
Download ZIP
Add box shadow to header on scroll
Raw
Add box shadow to header on scroll
$( window ).scroll(function() {
// if ($('body').not('.home').length > 0 ) {
if( $(window).scrollTop() > 0 ) {
$('#header').css('box-shadow', '0 1px 3px rgba(0, 0, 0, 0.5)');
} else {
$('#header').css('box-shadow', 'none');
}
// }
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment