Skip to content

Instantly share code, notes, and snippets.

@taniarascia

taniarascia/header-scroll.js

Created September 30, 2015 16:41
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save taniarascia/c8fea0ddeac4ad6f5da1 to your computer and use it in GitHub Desktop.
Save taniarascia/c8fea0ddeac4ad6f5da1 to your computer and use it in GitHub Desktop.
Download ZIP
Change Header Color on Scroll
Raw
header-scroll.js
var scroll_start = 0;
var startchange = $('#scroll-color');
var offset = startchange.offset();
$(document).scroll(function () {
scroll_start = $(this).scrollTop();
if (scroll_start > offset.top) {
$('.navigation').css('background', '#e63c2d');
} else {
$('.navigation').css('background', 'transparent');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment