You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
892 B
45 lines
892 B
/** |
|
* cbpAnimatedHeader.js v1.0.0 |
|
* http://www.codrops.com |
|
* |
|
* Licensed under the MIT license. |
|
* http://www.opensource.org/licenses/mit-license.php |
|
* |
|
* Copyright 2013, Codrops |
|
* http://www.codrops.com |
|
*/ |
|
var cbpAnimatedHeader = (function() { |
|
|
|
var docElem = document.documentElement, |
|
header = document.querySelector( '.navbar-default' ), |
|
didScroll = false, |
|
changeHeaderOn = 220; |
|
|
|
function init() { |
|
scrollPage(); |
|
window.addEventListener( 'scroll', function( event ) { |
|
if( !didScroll ) { |
|
didScroll = true; |
|
setTimeout( scrollPage, 250 ); |
|
} |
|
}, false ); |
|
} |
|
|
|
function scrollPage() { |
|
var sy = scrollY(); |
|
if ( sy >= changeHeaderOn ) { |
|
classie.add( header, 'navbar-shrink' ); |
|
} |
|
else { |
|
classie.remove( header, 'navbar-shrink' ); |
|
} |
|
didScroll = false; |
|
} |
|
|
|
function scrollY() { |
|
return window.pageYOffset || docElem.scrollTop; |
|
} |
|
|
|
init(); |
|
|
|
})();
|
|
|